SlideUp 的列表选择器中的 jquery 列表

Question

我的列表中有一个这样的列表

 <ul>
  <li>
   <ul>
    <li>something</li>
    <li>something</li>
   </ul>
  </li>

  <li>
   <ul>
    <li>something2</li>
    <li>something2</li>
   </ul>
  </li>
 </ul>

我使用选择器(见下文)隐藏主列表的第二项，但这一行隐藏 1. 子列表的第二项。我想隐藏主列表的第二项，我该怎么做？

$("#main_menu ul li:eq(1)").slideUp();

Answer 1

试试这个(假设ul是main_menu的直接子级)。

 $("#main_menu > ul > li:eq(1)").slideUp();

在选择器中，#main_menu ul li 将选择 main_menu 的每个 ul 中的所有 li 元素，因此您应该指定仅使用 > 子选择器搜索直接子级。

<强> Demo