JQuery 选择器问题：如何选择当前列表项的子项

Question

我确信这个标题令人困惑。这是 WordPress 的事情。

所以，我有一个页面列表，结构如下所示：

<div id="menu">
  <ul> <!--List of pages-->
    <li class="page-item page-id">
      <a href="Page url"> Ham Man </a>
        <ul class="children">
             <li class="page-item page-id">
             <a href="Page url"> Page 1</a></li>
              <li class="page-item page-id">
              <a href="Page url"> Page 2</a></li>
        </ul>
     </li>
   </ul>
 </div>

我的问题是这样的 - 有多个标题，例如“Ham Man”。因此，我需要使用一点 jQuery，以便当有人单击某个标题时，它会显示该标题的页面。很容易。但当我有多个标题时，这就变得很棘手。

我需要说的是“当有人单击菜单列中的 li 元素时，仅显示该 LI 元素的所有子元素（类“children”）”。

这一定很简单，但我做不到。

可靠的 B 计划只是让 Wordpress 将“Parent”类放入“Parent”元素中，但这似乎是谋杀的秘诀。

想法？提前致谢！

Answer 1

应该是：

$('#menu > ul > li').bind('click', function(){
    var elems = $(this).find('.children').children();

     // elemens contains all child nodes from ul.children
});