javascript - 在表格中插入按字母顺序排列的表格行

Question

我有一个按名称字母顺序排列的表(使用 PHP mysql)，现在我想在表中的正确位置插入一个新行而不向服务器发出新请求。有什么方法可以使用 jQuery/Javascript 检查每个名称并在正确的位置插入新行吗？

Answer 1

你也可以把它插入到最后(或任何地方)，然后使用 js/jquery 重新排序整个表:

var table  = $('table'),
    rows   = $('tr', table);

$('#sortIt').click(function () {
    rows.sort(function(a, b) {
        var keyA = $('td',a).text();
        var keyB = $('td',b).text();
        return (keyA > keyB) ? 1 : 0;
    }); 
    rows.each(function(index, row) {
        table.append(row);
    });
});

示例 here at jsFiddle .