jquery - 监听表行计数变化

Question

我正在使用 html 表格。我的要求是，我想听听行数的变化。有什么办法可以做到这一点吗？

注意:我这里没有增删行功能可以实现。

此外，我已经尝试过，

$("#myTable>tbody>tr").watch("length", function () {
    alert("row count changed..")
});

但是，上面的代码对我不起作用。你们中有人知道如何执行此操作吗？

提前致谢

-拉惹。

Answer 1

您可以监控 DOM 事件 DOMSubtreeModified(请注意该事件已弃用，因此如果有人建议更好的监控事件，请更改此)，它会在 DOM 发生更改时触发树。我们可以使用 jQuery 的 bind 函数在表上触发事件时触发一个函数。该函数可以检查行数是否已更改。

var numberOfRows = $("#myTable>tbody>tr").length;
$("#myTable").bind("DOMSubtreeModified", function() {
    if($("#myTable>tbody>tr").length !== numberOfRows){
        numberOfRows = $("#myTable>tbody>tr").length;
        alert("row count changed..");
    }
});

Try It!

参见:Is there a JavaScript/jQuery DOM change listener?