我们如何只能从父列表项而不是子列表项选择子菜单?
我有第一个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/