Question

我在同一个模板中有两个表，动态生成数据。这两个表都可以有数据，它们都不能有数据，或者只有一个可以有数据。我想用数据对表进行排序，即使其他表上没有数据，所以我在jQuery中使用了这样的if条件：

$(document).ready(function() { 
    // call the tablesorter plugin 
    if ($("#product-table tbody td").length > 0){
    $("table").tablesorter({ 
        // sort on the first column and third column, order asc 
        sortList: [[0,0],[2,0]] 
    }); 
    }
});

当我使用它时，我在控制台中没有出现任何错误，但是如果一个表是空的，则排序对另一个表不起作用。如果表中都有数据，则排序有效。

Answer 1

您只检查一个表的数据长度。试试这种方式，

$(document).ready(function() { 
    // call the tablesorter plugin 
    if ($("#product-table tbody td").length > 0){
    $("#product-table").tablesorter({ 
        // sort on the first column and third column, order asc 
        sortList: [[0,0],[2,0]] 
    }); 
    }
    if ($("#product-table2 tbody td").length > 0){
    $("#product-table2").tablesorter({ 
        // sort on the first column and third column, order asc 
        sortList: [[0,0],[2,0]] 
    }); 
    }
});

jQuery tablesorter在同一模板上的两个表中？

1 个答案: