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

jQuery :nth-last-child() 选择器

jQuerの選択子

:nth-last-child(n)选择器选取属于其父元素的不限类型的第 n 个子元素的所有元素,从最后一个子元素开始计数。

使用:nth-last-of-type()选择器选择从最后算起的属于其父元素的特定类型的第n个子元素的所有元素。

语法:

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

实例

从末尾开始计数,选择每个作为其父项的第5个子项的<p>元素:

$(document).ready(function(){
  -last-child(5")
});
テストをしてみる‹/›

奇数和偶数关键字用于匹配索引为奇数或偶数的子元素:

$(document).ready(function(){
  -last-child(even)").css("background", "coral");
  $("li:nth-last-child(odd)").css("background", "coral");
});
テストをしてみる‹/›

使用公式(An + B)。说明:A表示一个循环大小,n是一个计数器(从0开始),而B是一个偏移值:

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

パラメータ値

パラメータ説明
number一致する各子要素のインデックス(1終わり)
odd奇数の各子要素を選択
even偶数の各子要素を選択
An+B選択する子要素を指定
例:p:nth-last-child(3n + 2)選択する各第三个段落、最後の第二个子ノードから始まる

jQuerの選択子