jQuery委託錶行選擇器

Question

我有一個表可能包含其他內部表（不可能編輯生成的標記）。我想創建行的mouseenter和鼠標離開只觸發了相關聯的主錶行（而不是內部錶行）的委託功能，如下：

$("#tableid").delegate("tr", "mouseenter mouseleave", function(e) { 
    //do stuff here 
    }); 

但有了這個選擇，也選擇內錶行，那麼如何修改選擇器以避免選擇內部表格行？

Answer 1

可以使用.delegate()一個稍微不同的選擇，這樣的：

$("#tableid").delegate("#tableid > tbody> tr", "mouseenter mouseleave", function(e) { 
    //do stuff, for example $(this).toggleClass("hover"); 
});​ 

這工作，因爲你想<tr>元素是直接的子行，但有一個<tbody>在兩者之間，你需要考慮。 You can test a working demo here。