首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >JQuery -如何将类添加到每个最后的列表项?

JQuery -如何将类添加到每个最后的列表项?
EN

Stack Overflow用户
提问于 2009-02-19 02:40:04
回答 5查看 42.8K关注 0票数 15

这里有一些不起作用的代码:

代码语言:javascript
复制
$("#sidebar ul li:last").each(function(){
      $(this).addClass("last");
});

基本上我有3个列表,并想添加一个类(最后)到每个无序列表中最后出现的每个项目。

代码语言:javascript
复制
<ul>
      <li>Item 1</li>
      <li>Item 2</li>
      <li class="last">Item 3</li>
</ul>

希望这是有意义的,干杯!

EN

回答 5

Stack Overflow用户

回答已采纳

发布于 2009-02-19 02:46:18

容易犯的错误。试试这个:

代码语言:javascript
复制
$("#sidebar ul li:last-child").addClass("last");

基本上:last并不完全像你想的那样。它只匹配文档中的最后一个,而不是每个列表中的最后一个。这就是为什么:最后一个孩子是用来。

票数 36
EN

Stack Overflow用户

发布于 2011-03-21 18:37:58

使用jquery添加以下内容

代码语言:javascript
复制
$("ul li").last().addClass('last');
票数 4
EN

Stack Overflow用户

发布于 2009-02-19 15:20:28

或者,您可以为列表提供一个id,并将其用作jquery-call的上下文。

代码语言:javascript
复制
<ul id="myList">
  <li>Item</li>
  <li>Item</li>
  <li>Item</li>
  <li>Item</li>
</ul>

<ul id="anotherList">
  <li>Item</li>
  <li>Item</li>
  <li>Item</li>
  <li>Item</li>
</ul>

然后你可以这样做:

代码语言:javascript
复制
jQuery("li:last", "ul#myList").addClass("lastItem");

现在,第一个列表中的最后一个li将具有类"lastItem“。

编辑:对不起,误读了问题。请忽略这一点。

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

https://stackoverflow.com/questions/563740

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档