Jquery将表行移到顶部

时间:2014-01-29 15:05:11

标签: jquery tablerow

首先,我用一个函数存储了所有的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/

3 个答案:

答案 0 :(得分:5)

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

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

答案 1 :(得分:4)

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

答案 2 :(得分:1)

静态向上移动:

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

静静地向下移动:

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