Question

我们如何才能从父列表项中选择子菜单，而不是从子列表项中选择？

我有顶级菜单ID，这是第一个ul。在里面我有很多与ul（类子菜单）的李。在子菜单中，我有不同的li，也有同一类的li（子菜单）。

这是结构

   <div id="#top-menu">
      <li>
         <ul class="sub-menu">  //need to select this only
            <li>
               <ul class="sub-menu"> // Not this
            </li>
      </li>
      <li></li>
       <li></li>
         <ul class="sub-menu">
            <li></li>
               <ul class="sub-menu">
      <li></li>
      <li></li>
      <li></li>
   </div>

Answer 1

正如我在上面评论的那样，您可以使用选择器（在更正标记后）：

＆＃13;

$("#top-menu > li > ul.sub-menu").css('border', '1px solid #000');

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="top-menu">
  <li>
    <ul class="sub-menu" style="border :1px solid red"> //need to select this only
      <li>
        <ul class="sub-menu" style="border :1px solid red"> // Not this

        </ul>
      </li>
    </ul>
  </li>
  <li></li>
  <li></li>
  <ul class="sub-menu">
    <li></li>
    <ul class="sub-menu">
      <li></li>
      <li></li>
      <li></li>
    </ul>
  </ul>
</div>

＆＃13;

选择父列表不是子列表的子菜单

1 个答案: