jQuery监视器表的更改？

Question

我有一个插件显示/隐藏表中的列。

但是我也在桌子上使用了其他几个插件，因此这个桌子是非常动态的。

我正在寻找一种方法来监视表的每当发生什么事情。

例如，

行添加，行被删除，行是隐藏...

有一般.change()事件的任何DOM元素？

Answer 1

您可以使用livequery检测时行已添加/删除：

$("tr").livequery(function() { 
    console.log($(this) + " was added"); 
}, function() { 
    console.log($(this) + " was removed"); 
}); 

Answer 2

你可以绑定到DOM事件：

$(document).ready(function(){ 
    $(document).bind('DOMNodeInserted', function(event){ 
     console.log('inserted '+event.target.nodeName + ', parent: '+event.relatedNode.getAttribute('id')); 
    }); 
    $(document).bind('DOMNodeRemoved', function(event){ 
     console.log('removed'); 
    }); 
    $(document).bind('DOMSubtreeModified', function(event){ 
     console.log('modified '+event.target.getAttribute('id')); 
    }); 

    $('#tbl').append($('<tr></tr>'). 
        attr('id', 'newrow')); 
}); 

Fiddle here

当然，你的元素将不得不被赋予标识符以使其有用。

Answer 3

不幸的是，没有一个操纵DOM的跨浏览器更改事件。你有几个选择：

1. 使用操纵表的功能也做你的其他行动。
2. 创建一个发布和订阅自己的自定义表事件的发布/订阅系统。