选择对象

Question

的孩子我有这个reqular ul>李结构

<ul class='compare'> 
    <li>Level 1 
     <ul> 
      <li>Level 2</li> 
      <li>Level 2</li> 
      <li>Level 2</li> 
      <li>Level 2</li> 
     </ul> 
    </li> 
    <li>Level 1 
     <ul> 
      <li>Level 2</li> 
      <li>Level 2</li> 
      <li>Level 2</li> 
      <li>Level 2</li> 
     </ul> 
    </li> 
    <li>Level 1 
     <ul> 
      <li>Level 2</li> 
      <li>Level 2</li> 
      <li>Level 2</li> 
      <li>Level 2</li> 
     </ul> 
    </li> 
</ul> 

我用$("ul.compare > li").live(...);指定鼠标事件UL

的孩子，但现在我需要得到一个对象的子女。假设obj是我的$("ul.compare")

如果我这样做$("li", obj).live(...)这会将事件分配给所有不仅孩子。

我可以这样做，但我不喜欢它

obj.children("li").each(function() { 
    $(this).live(...); 
}); 

有没有一种方法来选择对象的所有儿童，直接涂抹live不使用.each()？

Answer 1

感谢@Matt，你似乎在不知不觉中回答了我的问题。解决办法是.on()

虽然这是行不通的，我们必须使用.each()分配mouseover到每个匹配的元素

//obj.children("li").children("ul").children("li").live("mouseover", function() {...}); //Does not work 
obj.children("li").children("ul").children("li").each(function() { 
    $(this).live("mouseover", function() {...}); 
}); 

这部作品并没有必要.each()

obj.children("li").children("ul").children("li").on("mouseover", function() {...});