如何使用 jQuery 在“ul”中找到最后一个“li”？答案

【问题标题】：How can I find the last "li" in a "ul" using jQuery?如何使用 jQuery 在“ul”中找到最后一个“li”？
【发布时间】：2013-01-25 18:04:00
【问题描述】：

我想检查li，它是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>

【问题讨论】：

检查我的答案。好像这就是你要问的。
if ( $(this).is(':last') ) { ... }

标签： jquery

【解决方案1】：

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

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

演示：http://jsfiddle.net/f5v6R/

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

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

【讨论】：

是的，但我如何检查是否需要应用逻辑？例如if(IsLast_'li') 那么 { ... } ??
@Arun 什么样的逻辑？你想测试什么？

【解决方案2】：

你可以使用.last()匹配器

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

【讨论】：

【解决方案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/

【讨论】：

【解决方案4】：

试试这个

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

【讨论】：

【解决方案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

【讨论】：