Jquery 选择特定的<;李>;在嵌套的无序列表中
要选择所有没有嵌套列表的列表元素(可以是任意顺序,因此接下来需要选择第一个或最后一个) 在以下情况下,其内容如下:Jquery 选择特定的<;李>;在嵌套的无序列表中,jquery,select,nested,unordered,Jquery,Select,Nested,Unordered,要选择所有没有嵌套列表的列表元素(可以是任意顺序,因此接下来需要选择第一个或最后一个) 在以下情况下,其内容如下: <li>Main Item Three</li> 我想我可以用这样的东西: $('ul.location_list li:not(ul)') 但是没有骰子。想法 <li>Main Item Three</li> <ul class="location_list"> <li>Main Item One
<li>Main Item Three</li>
我想我可以用这样的东西:
$('ul.location_list li:not(ul)')
但是没有骰子。想法
<li>Main Item Three</li>
<ul class="location_list">
<li>Main Item One
<ul>
<li>Sub-Item One A</li>
<li>Sub-Item One B</li>
<li>Sub-Item One B</li>
</ul>
</li>
<li>Main Item Two
<ul>
<li>Sub-Item Two A</li>
<li>Sub-Item Two B</li>
<li>Sub-Item Two B</li>
</ul>
</li>
<li>Main Item Three</li>
</ul>
主要项目三
- 主要项目一
- 分项目一A
- 分项目一B
- 分项目一B
- 主要项目二
- 分项目二A
- 分项目二B
- 分项目二B
- 主要项目三
$('ul.location_list>li:not(:has(ul)))
(未测试:)尝试
$(“ul.location\u list li:not(:contains(ul)))).css('color','red')
并使所有的
标记变为红色。它应该是最后一个红色的。所以,不高兴,但是谢谢。$('ul.location\u list li:not(:has(>ul)))
怎么样?这里还有进一步的讨论:非常接近。它还为嵌套的
着色,因为它们下面也没有
。正在研究如何确定顶级的第一个孩子ul
ahha!然后,$('ul.location\u list>li:not(:has(>ul))
应仅选择顶级ul.location\u列表的直接li子级。在这里查看子选择器:宾果!顺便说一句,
在协议中的ul
之前不需要。查看您的解决方案:
<li>Main Item Three</li>
<ul class="location_list">
<li>Main Item One
<ul>
<li>Sub-Item One A</li>
<li>Sub-Item One B</li>
<li>Sub-Item One B</li>
</ul>
</li>
<li>Main Item Two
<ul>
<li>Sub-Item Two A</li>
<li>Sub-Item Two B</li>
<li>Sub-Item Two B</li>
</ul>
</li>
<li>Main Item Three</li>
</ul>