Добавить один tr в следующий текущий tr

У меня есть таблица с несколькими tr Мне нужно найти ее tr и добавить один новый tr рядом с этим текущим tr.Добавить один tr в следующий текущий tr

Мой HTML выглядит

<table> 
    <tr id='1'></tr> 
    <tr id='2'></tr> 
    <tr id='3'></tr> 
    <tr id='4'></tr> 
    <tr id='5'></tr> 
    <tr id='6'></tr> 
</table>

Для, например, мне нужно найти tr с идентификатором 2 и добавить новый tr рядом с этим tr мне нужен новый tr рядом tr с идентификатором 2

Как я бы это сделал?

источник

2015-09-05 Deepika Thakur

http://api.jquery.com/insertafter/ - но я предлагаю вам не числовые идентификаторы. Они поддерживаются в HTML5, но я лично их избегаю – mplungjan

$ ("# id"). After(). Append ("mytr"); Но добавляет тр внутри текущего тр, который не является моим requiremnt –

InsertAfter тоже не работает :( –

Вы можете использовать insertAfter() или after()

Пример:

$('<tr/>',{id:'7'}).insertAfter('#2');

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<table> 
 
    <tr id='1'></tr> 
 
    <tr id='2'></tr> 
 
    <tr id='3'></tr> 
 
    <tr id='4'></tr> 
 
    <tr id='5'></tr> 
 
    <tr id='6'></tr> 
 
</table>

или

$('#2').after($('<tr/>',{id:'7'}));

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<table> 
 
    <tr id='1'></tr> 
 
    <tr id='2'></tr> 
 
    <tr id='3'></tr> 
 
    <tr id='4'></tr> 
 
    <tr id='5'></tr> 
 
    <tr id='6'></tr> 
 
</table>

источник

2015-09-05 07:35:40

Спасибо большое Pranav ... это сработало ... :) :) :) yuppie –

@DeepikaThakur : рад помочь :) –

Добавить один tr в следующий текущий tr

ответ

Смежные вопросы