ICode9

精准搜索请尝试: 精确搜索
首页?>?bet356体育下载> 文章详细

javascript – 使用jquery,如何根据TR属性重新排序表中的行?

2019-09-30 10:37:57??阅读:6??来源: 互联网

标签:javascript?jquery


我有一个表格,其行类似于以下内容.这些行通过jquerybet356体育下载调用不时更新.使用jquery,我将如何根据myAttribute值构造一个重新排序这些表行的函数,将最高的myAttribute值行放在顶部,将最低的myAttribute值行放在底部?表中最多可以有100行.


       One
       Two


       One
       Two

解决方法:

One1 Two1
One2 Two2

JQuery的

var $table=$('table');

var rows = $table.find('tr').get();
rows.sort(function(a, b) {
var keyA = $(a).attr('myAttribute');
var keyB = $(b).attr('myAttribute');
if (keyA < keyB) return 1;
if (keyA > keyB) return -1;
return 0;
});
$.each(rows, function(index, row) {
$table.children('tbody').append(row);
});

工作演示是http://www.jsfiddle.net/HELUq/1/



标签:javascript,jquery

专注分享技术,共同学习,共同进步。侵权联系[admin#icode9.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有