如何使用jQuery查找ul中最后一个li元素？

Question

我想检查ul中最后一个li的代码。 我如何使用jQuery检查它？

我想要检查ul中最后一个li的代码。我该如何使用jQuery进行检查？

<ul id="ulscroller">
    <li value="1" class="selected">1</li>
    <li value="2">2</li>
    <li value="3">3</li>
    <li value="4">4</li>
    <li value="5">5</li>
    <li value="6">6</li>
    <li value="7">7</li>
    <li value="8">8</li>
    <li value="9">9</li>
    <li value="10">10</li>
    <li value="11">11</li>
    <li value="12">12</li>
    <li value="13">13</li>
    <li value="14">14</li>
    <li value="15">15</li>
    <li value="16">16</li>
    <li value="17">17</li>
    <li value="18">18</li>
    <li value="19">19</li>
    <li value="20">20</li>
</ul>

- A.T.

---

检查我的答案。看起来那就是你所问的。 - Wolf

if ( $(this).is(':last') ) { ... } - adeneo

Answer 1

只需使用 :last-child 选择器：

$('#ulscroller li:last-child')

示例: http://jsfiddle.net/f5v6R/

例如，如果你想知道它是否有selected类，你可以这样做

if ($('#ulscroller li:last-child').hasClass('selected')) {
   // do something
}

- Denys Séguret

---

是的，但我如何检查是否需要应用逻辑？例如，如果(IsLast_'li')，那么{...}？ - A.T.

@Arun 你想测试什么逻辑？你想要测试什么？ - Denys Séguret

Answer 2

您可以使用.last()匹配器。

$('#ulscroller li').last()

- Sushanth --

Answer 3

$('ul#ulscroller').children('li').last();

http://api.jquery.com/last/

您也可以这样做：

$('ul#ulscroller').children('li:last-child');

http://api.jquery.com/last-selector/

这里有一个例子来说明它：http://jsfiddle.net/TheNix/W92vF/

- Nix

Answer 4

尝试这个。

$(function(){
    alert($('#ulscroller li:last-child').val());
})

- Codegiant

Answer 5

只需使用以下内容

if($('#ulscroller li:last-child')[0] == liTocheck)
{
   alert("This is the last li");
}

或者

if($('#ulscroller li').last()[0] == liTocheck)
{
   alert("This is the last li");
}

这里的liTocheck是需要进行比较的li元素

- Wolf