Javascript 如何使用jquery以特定级别以外的所有嵌套列表项为目标?
我有一张单子Javascript 如何使用jquery以特定级别以外的所有嵌套列表项为目标?,javascript,jquery,html,jquery-selectors,html-lists,Javascript,Jquery,Html,Jquery Selectors,Html Lists,我有一张单子 <ul> <li> <ul> <li> <ul> <li> <-- start targeting list items here including children --> <ul> <li> <-- included --> </li> </ul>
<ul>
<li>
<ul>
<li>
<ul>
<li> <-- start targeting list items here including children -->
<ul>
<li> <-- included -->
</li>
</ul>
</li>
</ul>
</li>
</ul>
</li>
</ul>
-
-
-
-
我希望使用jquery以第二个或第三个嵌套列表开始的所有列表项为目标,包括此后的所有子项。第三个
li
有三个ul
父项。您需要对每个li
的ul父级进行过滤li的使用和it功能检查,以过滤嵌套li
var selector = $('ul > li > ul > li > ul li');
$("ul:first li").filter(function(){
return $(this).parents("ul").length > 2 ? true : false;
}).css("color", "red");
$(“ul:first li”).filter(函数(){
返回$(this).parents(“ul”).length>2?true:false;
}).css(“颜色”、“红色”)代码>
- 首先
- 第二
- 第三
- 第四
让自己变得轻松,并在markuphaha中添加一些类。您的解决方案非常简单且有限。若列表的深度增加了,你们应该写一个长字符串来选择项目。@Mohammad是的,我同意这很简单,只限于op的确切问题。但这并不意味着不值得。