如何将一行移到表格的顶部?

时间:2012-08-21 07:06:14

标签: javascript jquery html jquery-selectors

var data = $('tbody');

console.log(data.filter(':first'), data.filter('tr.ay-sort-top'));

data.filter(':first').before(data.filter('tr.ay-sort-top'));

两次运行的控制台输出:

[<tr class=​"ay-sort-top">​…​</tr>​] [<tr class=​"ay-sort-top">​…​</tr>​]
[<tr>​…​</tr>​] [<tr class=​"ay-sort-top">​…​</tr>​]

2 个答案:

答案 0 :(得分:2)

例如:$('tr:eq(2)').prependTo('table');​

见DEMO:http://jsfiddle.net/LxKSq/2/

答案 1 :(得分:0)

如果您的问题实际上是“我如何将带有”tr.ay-sort-top“类的行移到表格的顶部,留下其他行?”然后你可以做这样的事情:

var $tbody = $("#yourTable tbody");
$tbody.prepend( $tbody.find("tr.ay-sort-top") );

演示:http://jsfiddle.net/b89zY/1/