javascript - 如何删除() HTML 元素然后添加() 它？

Question

基本上我需要做的是“移动”一个 HTML 元素，不是按位置移动，而是按 DOM 结构的位置移动。

例如

<table id="main">
<tr id="row1"><td></td></tr>
<tr id="row2"><td></td></tr>
<tr id="row3"><td></td></tr>
</table>

如何将“tr#row3”移动到“table#main”的顶部？可以使用 jQuery。

Answer 1

简单的js方式是:

var row = document.getElementById('row3');
var parent = row.parentNode;
parent.insertBefore(row, parent.firstChild);