Jquery将表行移到顶部

Question

首先，我用一个函数存储了所有的trs，然后用这个选择了部分trs，打开它们：

// tr = all my stored trs
tr.find("input[value='Selecteren']").click();
// This .click() function changes the input value to "Aanvragen"

现在我想将所有点击的tr移动到我的表体顶部。

//$("#village_troup_list tbody")

获取所有tds非常简单：

tr.find("input[value='Aanvragen']").closest('tr').each(function() {
 //Move every tr
})

但是如何移动它们呢？

Html结构：

http://jsfiddle.net/4PFf8/1/

Answer 1

 $("#village_troup_list tbody").prepend(tr.find("input[value='Aanvragen']").closest('tr'));

这是有效的，因为每个tr都被视为单个tr，而不是多个trs。所以它移动它们而不是克隆：）

Answer 2

您可以使用.prependTo将元素移动到表格的顶部。这是一个小提琴说明： http://jsfiddle.net/5uc9H/

Answer 3

静态向上移动：

onclick="$(this).parents('tr:first').insertBefore($(this).parents('tr:first').prev())"

静静地向下移动：

onclick="$(this).parents('tr:first').insertAfter($(this).parents('tr:first').next())"