javascript - 使用 jQuery 获取另一个元素

Question

我构建了多级菜单，我的 HTML 结构如下所示:

<ul>
 <li>item 1</li>
 <li>item 2</li>
 <li>
   <ul> #this is set up as display: none;
     <li>subitem 1</li>
     <li>subitem 2</li>
     <li>subitem 3</li>
   </ul>
 </li>
 <li>item 3</li>
 <li>item 4</li>
</ul>

我正在解决一个问题，如何在将光标移动到item1 后显示所有子项。我可以这样做:

   $('ul li ul').mouseover(function() {
      $(this).find('li').show();
   });

但这对我不起作用...请问谁能帮助我，如何显示鼠标悬停事件的 sub-ul 元素 block ？

谢谢

编辑:感谢你们的回复，感谢你们的帮助，我已经找到了我的愚蠢错误。

Answer 1

将它附加到父级 LI，否则没有显示的元素供 mouseover 触发。

还请注意，如果您在包含 UL 的 LI 中拥有的是 UL with the non-displayed LI's ，也可能很难鼠标悬停。

$('ul li ul').parent().mouseover(function() {
    $(this).find('li').show();
});

http://jsfiddle.net/kSq4T/1/