这是内容的结构,我想选择除前两个之外的所有LI(即无链接)
jQuery(document).ready(function(){
var nosubnav = jQuery('.first-level li:not(:has(ul))');
var nosubnavsize = jQuery('.first-level li:not(:has(ul))').size();
jQuery(nosubnav).css('border' , '1px solid red');
alert('List item which does not have submenu '+nosubnavsize);
});
Run Code Online (Sandbox Code Playgroud)
div class="navigation-container">
<ul class="first-level">
<li><a href="#">No Link</a></li>
<li><a href="#">No Link</a></li>
<li><a href="#">Link 1</a></li>
<li><a href="#">Link 2</a>
<ul>
<li><a href="#">Link2.1</a></li>
<li><a href="#">Link2.2</a>
<ul>
<li><a href="#">Link 2.2.1</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="#">Link </a></li>
</ul>
</div>
Run Code Online (Sandbox Code Playgroud)
相关问题:如何计算没有ul的li?
$("ul.first-level > li:gt(1)").hide()
Run Code Online (Sandbox Code Playgroud)
我假设你在谈论顶级的LI ,即直接的后代.first-level.否则,您可以省略父子选择器(>).
http://api.jquery.com/gt-selector/