獲取最后一行 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單獨的 class。

<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>

現在您可以使用 CSS

li.last { color: #444 }

和 jQuery

$('li.last');

正確的方法...

Answer 2

見jquery.last()

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

Answer 3

使用: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 4

這將返回“ul 每一行的最后一個 li”組

$("ul li:last");

Answer 5

要使用 jQuery 獲取列表中的最后一項，您可以簡單地使用last()方法。

請參閱此處了解更多信息： http://api.jquery.com/last/

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

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-selector