文章/答案/技术大牛

发布

社区首页 >问答首页 >使用选择器获取嵌套项的最后一项。

问使用选择器获取嵌套项的最后一项。
EN

Stack Overflow用户

提问于 2022-05-02 02:37:09

回答 1查看 38关注 0票数 1

我认为这应该很容易，但我似乎搞不懂！我正在尝试在每个家长中获得一个.simple类的最后一项。

<ul>
  <li class="simple">Simple Item</li>
  <li class="simple">Simple Item</li>
  <li class="simple">Simple Item (this one)</li>
  <li class="group">
    <ul>
       <li class="simple">Simple Item</li>
       <li class="simple">Simple Item (this one)</li>
    </ul>
  </li>
</ul>

我和:last试过

$('ul > li.simple:last').css('color', 'red');

但它获取的是最后一个匹配的项目。

如何获取最后一个.simple？

这里有一把小提琴：

http://jsfiddle.net/hav497t1/48/

css

jquery

回答 1

Stack Overflow用户

回答已采纳

发布于 2022-05-02 04:00:19

您可以使用.each()

$("ul").each(function(){
  $("> li.simple" , this).last().css("color" , "red");
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<ul>
  <li class="simple">Simple Item</li>
  <li class="simple">Simple Item</li>
  <li class="simple">Simple Item (this one)</li>
  <li class="group">
    <ul>
       <li class="simple">Simple Item</li>
       <li class="simple">Simple Item (this one)</li>
    </ul>
  </li>
</ul>

正如@cheesyman在下面的评论中所提到的

在jQuery 3.4中，最后一个伪类是不推荐的。。从选择器中删除它，然后使用.last()过滤结果。

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/72081854

复制

相似问题

问使用选择器获取嵌套项的最后一项。
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问使用选择器获取嵌套项的最后一项。EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问使用选择器获取嵌套项的最后一项。
EN