Проблема выбора JQuery: как выбрать что-либо, является дочерним элементом текущего элемента списка - PullRequest
0 голосов
/ 15 сентября 2010

Я уверен, что название сбивает с толку. Это 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 в столбце меню, отобразите все элементы CHILD (класс 'children') ТОЛЬКО для этого элемента LI".

Это должно быть просто, но я не могу это сделать.

Твердый План B - это просто чтобы Wordpress поместил класс 'Parent' в элементы 'Parent', но это похоже на рецепт УБИЙСТВА.

Мысли? Спасибо заранее!

1 Ответ

1 голос
/ 15 сентября 2010

должно быть:

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

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