将一个tr附加到当前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为

我该怎么做？

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>