监听表行数变化

Question

我正在使用 html 表。我的要求是，我想监听行数的变化。有办法实现这个目标吗？

注意：我这里没有添加/删除行功能来实现。

此外，我已经尝试过这个，

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

但是，上面的代码对我不起作用。你们中有人知道该怎么做吗？

提前致谢，

-拉贾。

Answer 1

您可以监视 DOM 事件DOMSubtreeModified（请注意，该事件已被弃用，因此如果有人建议要监视更好的事件，请更改此事件），该事件会在 DOM 树发生更改时触发。当事件在表上触发时，我们可以使用 jQuery 的绑定函数来触发函数。该函数可以检查行数是否已更改。

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..");
    }
});

尝试一下！

请参阅：是否有 JavaScript/jQuery DOM 更改侦听器？