jQuery :nth-last-child() 選擇器

jQuer 選擇器

：nth-last-child（n）選擇器選取屬于其父元素的不限類(lèi)型的第 n 個(gè)子元素的所有元素，從最后一個(gè)子元素開(kāi)始計(jì)數(shù)。

使用：nth-last-of-type()選擇器選擇從最后算起的屬于其父元素的特定類(lèi)型的第n個(gè)子元素的所有元素。

語(yǔ)法：

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

實(shí)例

從末尾開(kāi)始計(jì)數(shù)，選擇每個(gè)作為其父項(xiàng)的第5個(gè)子項(xiàng)的<p>元素：

$(document).ready(function(){
  $("p:nth-last-child(5)").css("background", "coral");
});

奇數(shù)和偶數(shù)關(guān)鍵字用于匹配索引為奇數(shù)或偶數(shù)的子元素：

$(document).ready(function(){
  $("p:nth-last-child(even)").css("background", "coral");
  $("li:nth-last-child(odd)").css("background", "coral");
});

使用公式（An + B）。說(shuō)明：A表示一個(gè)循環(huán)大小，n是一個(gè)計(jì)數(shù)器（從0開(kāi)始），而B是一個(gè)偏移值：

$(document).ready(function(){
  $("p:nth-last-child(4n + 1)").css("background", "coral");
  $("li:nth-last-child(3n)").css("background", "coral");
});

參數(shù)值

jQuer 選擇器