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 工作，所以当有人点击一个标题时，它会显示该标题的 PAGES。很容易。但是当我有多个头衔时，这会变得很棘手。

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

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

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

想法？提前谢谢！

Answer 1

应该是：

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

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