使用javascript交换表行

Question

我试图这样做，

<table>
    <tr id="ID1"><td></td></tr>
    <tr id="ID2"><td></td></tr>
</table>

我需要交换表行索引位置，如下所示

<table>
    <tr id="ID2"><td></td></tr>
    <tr id="ID1"><td></td></tr>
</table>

我尝试使用jQuery修复它：

$('#ID1').after('#ID2');

任何人都可以帮我用javascript修复上述要求。

谢谢，

Answer 1

after()用于插入内容。要移动或添加元素，请使用insertAfter()：

$('#ID1').insertAfter('#ID2');

Example fiddle

Answer 2

通过appendChild交换行。

＆＃13;

＆＃13;

var x = document.getElementById("first");
var table = document.getElementById("table");
table.appendChild(x);

＆＃13;

 <table id="table">
    <tr id="first"><td>First</td></tr>
    <tr id="second"><td>Second</td></tr>
 </table>

＆＃13;

＆＃13;

＆＃13;