我们如何只能从父列表项而不是子列表项选择子菜单?

我有第一个UL的顶级菜单ID。里面我有很多李带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>

最佳答案

正如我在上面评论的,这里是您可以使用的选择器(在更正标记之后):



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

<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>

关于jquery - 选择父列表而不是子列表的子菜单,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/48240468/

10-11 22:30
查看更多