[英]how to append back the sorted columns of a table in jquery
$(document).ready(function() {
$('#sort_table th').click(function(){
var compare_rows = function (a,b) {
var a_val = $(a).text().toLowerCase();
var b_val = $(a).text().toLowerCase();
if (a_val > b_val) {
return 1;
}
if (a_val < b_val) {
return -1
}
return 0;
}
//sort
$('#sort_table .clickable').sort(compare_rows).appendTo('#sort_table');
});
});
I have three columns in my table, and im testing to sort the first column, but the appendTo will just mess the table up, it appends the new column as a row. 我的表中有三列,我正在测试以对第一列进行排序,但是appendTo只会使表混乱,它会将新列作为一行附加。
here's a sample http://jsfiddle.net/Kga4A/ 这里有一个示例http://jsfiddle.net/Kga4A/
$(document).ready(function() {
$('#sort_table th').on('click', function(){
var compare_rows = function (a,b) {
return $(a).text().toLowerCase().localeCompare( $(b).text().toLowerCase() );
}
var elems = $('#sort_table .clickable').get();
elems.sort(compare_rows);
$(elems).each(function(i,el) {
console.log(el)
$('#sort_table > tbody > tr:eq('+i+')').prepend(el);
});
});
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.