jquery - 如何使用 jQuery 找到 "li"中的最后一个 "ul"？

Question

我想检查 ul 中最后一个 li 的 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>

Answer 1

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

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

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

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

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