获取一行中的最后一个 li jQuery

Question

我们有一个简单的 ul

<ul>
   <li>some text</li>
   <li>some some text</li>
   <li>text more</li>
   <li>text here</li>
</ul>

ul { text-align: center; width: 100px; }
li { width: auto; display: inline; }

因此 ul 可以有几行。如何获取ul内每行的最后li最后？

Answer 1

如果 ul 的每一行上的最后一个 li 是指每个 ul 中的最后一个 li，那么：

$('ul li:last-child');

但是，如果您的意思是将您的 li 写在源代码中的多行相同的 ul 中，并且您现在想要获取每行的最后一个，那么答案是你不能。 DOM 不关心代码中的换行符。

---

注意：正确的方法是为这些li提供一个单独的类。

<ul>
    <li></li><li></li><li class="last"></li>
    <li></li><li></li><li class="last"></li>
    <li></li><li></li><li class="last"></li>
</ul>

现在您可以

li.last { color: #444 }

使用 CSS和 jQuery ...

$('li.last');

以正确的方式

Answer 2

请参阅 jquery .last()

$('ul li').last().css('background-color', 'red');

Answer 3

这将返回“ul 每行的最后一个 li”组

$("ul li:last");

Answer 4

要使用 jQuery 获取列表中的最后一项，您只需使用 last() 方法即可。

请参阅此处了解更多信息：http://api.jquery.com/last/

var item = $('#myList li').last()

Answer 5

使用 :last 选择器 - http://api.jquery.com/last -selector/

$("ul li:last");

如果您尝试查找多个 ul 的最后一个 li，请尝试以下操作：

var $lasts = $("ul").map(function(){
    return $(this).find("li:last");
});

---

工作示例：

http://jsfiddle.net/hunter/SBsqS/

Answer 6

var theList = document.getElementById('id_of_my_ul');
var theLastItem = theList.childNodes[theList.childNodes.length - 1];

不知道你会如何在 JQuery 中做到这一点，但它不可能有那么不同

Answer 7

尝试使用 :last 选择器： http://api.jquery.com/last-选择器