Javascript-форум - Добавить элемент после элемента

Javascript-форум (https://javascript.ru/forum/)

- Общие вопросы Javascript (https://javascript.ru/forum/misc/)

- - Добавить элемент после элемента (https://javascript.ru/forum/misc/22596-dobavit-ehlement-posle-ehlementa.html)

КодерJS

26.10.2011 00:44

Добавить элемент после элемента

innerHTML перезаписывает а мне нужно добавление снизу

float

26.10.2011 01:42

http://javascript.ru/unsorted/top-10-functions
insertAfter

Андрей38

26.10.2011 03:38

Цитата:

Сообщение от КодерJS (Сообщение 132819)

innerHTML перезаписывает а мне нужно добавление снизу

insertAfter()

КодерJS

26.10.2011 04:47

Как это сделать на этом примере?

<div id="id"><a name="element 1"></a></div>

Как тут после ссылки добавить этот элемент > <span></span> ?

Андрей38

26.10.2011 05:13

Цитата:

Сообщение от КодерJS (Сообщение 132826)

$('span').insertAfter('#id а')

Мож и insertBefore и appendTo ..:), те поупражняться малость

ksa	26.10.2011 09:58

Цитата:

Сообщение от КодерJS

innerHTML перезаписывает а мне нужно добавление снизу

Что мешает прибавить это к содержимому этого innerHTML?

<div id='test'>
   <p>Было...</p>
</div>
<script>
   document.getElementById('test').innerHTML+='<p>Стало.</p>'
</script>

nikita.mmf

26.10.2011 13:05

function insertAfter( node, referenceNode ) {
    if ( !node || !referenceNode ) return;
    var parent = referenceNode.parentNode, nextSibling = referenceNode.nextSibling;
    if ( nextSibling && parent ) {
        parent.insertBefore(node, referenceNode.nextSibling);
    } else if ( parent ) {
        parent.appendChild( node );
    }
}

КодерJS

26.10.2011 13:22

СПАСИБО

crazyrebbit

27.10.2011 09:24

Цитата:

Сообщение от ksa (Сообщение 132836)

Что мешает прибавить это к содержимому этого innerHTML?

<div id='test'>
   <p>Было...</p>
</div>
<script>
   document.getElementById('test').innerHTML+='<p>Стало.</p>'
</script>

insertAfter() lu4we 4em tvoya portyanka !

ksa	27.10.2011 09:28

Da ti co? :blink:

Андрей38

27.10.2011 21:40

А вопрос у меня! как вапендить в МАССИВ содержимое КАЖДОЙ ячейки таблици циклом еaсh ,например ,ну и ФОР подойдет тоже.
Хотелось бы так как для дом
$('table td').each(function( ){
$ ('my Array ').append($(this).text())

})

Вот тут показано простое добавление

<table id='#tab' width="200" border="1">
  <tr>
    <td>we</td>
    <td>df</td>
   </tr>
</table>

<script type="text/javascript">
$(document).ready(function(){
var my Array = new Array();
tables[0] =$('table tr td:eq(0)' ).text()
tables[1] = $('table tr td:eq(1)' ).text();
alert(my Array )
})
</script>

ksa	27.10.2011 22:36

Цитата:

Сообщение от Андрей38

как вапендить в МАССИВ содержимое КАЖДОЙ ячейки таблици циклом еaсh

Как вариант...

<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<!--
<link rel="stylesheet" type="text/css" href="tmp.css" />
-->
<style type="text/css">
</style>
<script type="text/javascript">
$(document).ready(function(){
	var a=[];
	$('td').each(function(I){
		a[I]=$(this).text()
	});
	alert(a.join())
});
</script>
</head>
<body>
<table id='#tab' width="200" border="1">
	<tr>
		<td>we</td>
		<td>df</td>
	</tr>
</table>
</script>
</body>
</html>

Андрей38

28.10.2011 10:15

Цитата:

Сообщение от ksa (Сообщение 133167)

Как вариант...

<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<!--
<link rel="stylesheet" type="text/css" href="tmp.css" />
-->
<style type="text/css">
</style>
<script type="text/javascript">
$(document).ready(function(){
	var a=[];
	$('td').each(function(I){
		a[I]=$(this).text()
	});
	alert(a.join())
});
</script>
</head>
<body>
<table id='#tab' width="200" border="1">
	<tr>
		<td>we</td>
		<td>df</td>
	</tr>
</table>
</script>
</body>
</html>

KSA! СПАСИБО ОГРОМНЕЙШЕЕ Вам :thanks: :thanks: :thanks: !!!
...Скажите,пожайлуста,где вы учились такому мастерству?
Я просматривал на днях Ваш еще самый первый ответ об аппенд одного елемента в другой блок в другой по равным классам и просто поражаюсь ...

Часовой пояс GMT +3, время: 11:45.