10

liで最後liのを確認したいul。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>
4

5 に答える 5

25

:last-childセレクターを使用するだけです:

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

デモ: http://jsfiddle.net/f5v6R/

たとえば、selectedクラスがあるかどうかを知りたい場合は、次のようにします。

if ($('#ulscroller li:last-child').hasClass('selected')) {
   // do something
}
于 2013-01-25T18:04:50.767 に答える
4

.last()マッチャーを使用できます

$('#ulscroller li').last()
于 2013-01-25T18:07:17.550 に答える
1 
$('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/

于 2013-01-25T18:06:37.250 に答える
1

これを試して

$(function(){
    alert($('#ulscroller li:last-child').val());
})
于 2013-01-25T18:07:59.293 に答える
0

以下を使用するだけです

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

于 2013-01-25T18:08:33.583 に答える