6

これらの各リストの最後のliをjQueryで簡単に選択する方法はありますか?

<ul>
    <li>1</li>
    <li>2</li>
    <li>3</li>
</ul>
<ul>
    <li>1</li>
    <li>2</li>
    <li>3</li>
    <li>4</li>
</ul>
<ul>
    <li>1</li>
    <li>2</li>
</ul>

これら 2 つの方法を試しましたが、どちらも 1 つの要素しか返しません。

$("ul li").last()
$("ul li:last")

CSS :last-child 疑似クラスを使用しますが、CSS3 で導入され、IE8 ではサポートされていないため、使用できません。

4

3 に答える 3

5

:last-childセレクターはあなたが必要とするものです。CSS3 セレクターと同じロジック:last-childですが、ブラウザーの CSS エンジンが理解できない場合でも jQuery が提供するため、jQuery で自由に使用できます。

$("ul li:last-child")

ドキュメントから：

:last1 つの要素のみに一致しますが、複数の要素に一致:last-childする可能性があります。各親に 1 つです。

素敵な小さなデモが添付されています

于 2013-07-18T15:03:38.677 に答える
5

CSS :last-child 疑似クラスを使用しますが、CSS3 で導入され、IE8 ではサポートされていないため、使用できません。

jQuery を使用して要素を選択しているため、jQuery 自体が実装されているため、CSS でネイティブにサポートされていないブラウザーでも使用できるようになっています。

$("ul li:last-child")
于 2013-07-18T15:03:40.097 に答える
1

解決：

$(document).ready(function()
                  {
                      $('ul li:last-child').css("color","red");
                  });

このフィドルをチェックしてください：http://jsfiddle.net/ganeshprabhu1994/surve/2/

于 2013-07-18T15:14:29.353 に答える