如何在 jQuery 中重新追加表的排序列

how to append back the sorted columns of a table in jquery

本文关键字：追加 排序 jQuery 新追加      更新时间：2023-09-26
$(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');
        });
    });

我的表中有三列，我正在测试对第一列进行排序，但是 appendTo 只会弄乱表格，它会将新列追加为一行。

下面是一个示例 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);
        });
    });
});

小提琴

相关文章：