jQueryで一番最後のLI要素を取得する方法

「:last」と「find」or 「filter」を使えばできます。

例) 一番最後のLI要素を取得する

<ul id="test_ul">
  <li class="test_li">TEST1</li>
  <li class="test_li">TEST2</li>
  <li class="test_li">TEST3</li>
  <li class="test_li">TEST4</li>
</ul>
$("#test_ul").find(":last");
or
$("#test_ul").find("li").filter(":last");
or
$(".test_li").filter(":last");

上記の例の通り、filterはメソッドをコールした要素のなかから絞り込みます。なので、上記例で

$("#test_ul").filter(":last");

なんてやると、返ってくるのはUL要素になります(1つしか無いulの最後を返します)

逆にfindは子要素から一致する条件の要素を取得します。そのため、上記例で

$(".test_li").find(":last");

とやると、子がないのでひっかかりません。

この記事が役に立った場合、シェアしていただけると励みになります!!