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. 創建一個發佈和訂閱自己的自定義表事件的發佈/訂閱系統。