English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

jQuery :nth-child() セレクタ

jQuerの選択子

:nth-child(n)セレクタは、親要素のすべての要素のうち、選択されるセレクタを所有する要素を選択します:第n子要素の要素。

使用:nth-of-type()特定のタイプの要素を選択する親要素のすべての要素を選択するセレクタ:第n子要素のすべての要素。

文法:

$(":nth-child(number|An+B|odd|even)")

インスタンス

親要素の第3子要素として選択される每个<p>要素:

$("document").ready(function(){
  -child(3")
});
テストを見て‹/›

奇数と偶数のキーワードは、奇数または偶数のインデックスを持つ子要素をマッチングするために使用されます:

$("document").ready(function(){
  -
  $("li:nth-child(odd)
});
テストを見て‹/›

公式(An + B)。説明:Aはループのサイズを示します、nはカウンタ(0から始まる)であり、Bはオフセット値です:

$("document").ready(function(){
  -child(4n + 1")
  $("li:nth-child(3n).css("background", "coral");
});
テストを見て‹/›

パラメータ値

パラメータ説明
numberマッチする子のインデックス(1始め)
odd奇数番目の子要素を選択
even偶数番目の子要素を選択
An+B選択する子要素を指定
例:p:nth-child(3n + 2)から2番目の子要素から、各3番目の要素を選択

jQuerの選択子