向当前tr的下一个添加一个tr

Question

我有多个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>

例如，我需要找到id为2的tr，并在此tr旁边添加新的tr我需要一个新的tr在tr旁边，id为2

我该怎么做呢?

Answer 1

您可以使用 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>