jQuery移动表格行到顶部

Question

首先，我用一个函数存储了所有的 tr 元素，然后我使用下面的代码选择其中的一部分 tr 元素并打开它们：

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

现在我想将所有已点击的行移动到表格主体的顶部。

//$("#village_troup_list tbody")

获取所有td元素非常简单：

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

但是如何移动它们呢？

HTML结构：

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

- user3249419

---

你能展示一下你的HTML结构吗？jQuery并不包含move函数。你需要使用clone()、appendTo()和remove()，具体顺序取决于你的标记。 - BenM

尝试这个：$("table").find("tbody").find("tr:first").insertBefore("trs to move")。 - Aliaksei Bulhak

Answer 1

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

这样可以奏效是因为每个tr被视为一个整体，而不是多个trs。所以它会移动它们而不是克隆它们 :)

- user3117628

---

谢谢，这个管用。可以加上动画效果吗？ - abbasalim

Answer 2

您可以使用.prependTo将元素移动到表格的顶部。这里有一个演示示例： http://jsfiddle.net/5uc9H/

- Joel

Answer 3

静态向上移动：

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

静态向下移动：

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

- Juvy Cagape