javascript - jQueryで下からn:番目の子を選択しますか?

Question

重複の可能性:
jquery: リストの最後の 4 つの項目を選択

jQuery には nth-child 疑似クラスがありますが、3:rd から最後の子までを選択する方法はありますか?

Answer 1

必ずしも表記を使用する必要がないと仮定すると:nth-child()、次のように負のインデックスを使用できますeq()。

$(selector).eq(-3);

JS フィドルのデモ。

または、準拠しているブラウザーでは、単純に CSS を使用できます。

elementSelector:nth-last-child(3) {
    /* CSS declaration block */
}

JS Fiddle デモ(Chromium 19/Ubuntu 11.04 でテスト済み、動作確認済み)。

document.querySelector()おそらく/のおかげで、CSSdocument.querySelectorAll()セレクターは jQuery のセレクターとしても利用できます。

$('li:nth-last-child(3)').css('background-color','#f90');​

JS フィドルのデモ

参考文献:

• eq().