jQuery :nth-child() 選擇器

jQuer 選擇器

:nth-child(n)選擇器選擇所有屬于其父元素的第n個子元素的元素。

使用:nth-of-type()選擇器選擇所有屬于其父元素的特定類型的第n個子元素的所有元素。

語法:

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

實例

選擇作為其父級的第三個子級的每個<p>元素:

$(document).ready(function(){
  $("p:nth-child(3)").css("background", "coral");
});
測試看看?/?

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

$(document).ready(function(){
  $("p:nth-child(even)").css("background", "coral");
  $("li:nth-child(odd)").css("background", "coral");
});
測試看看?/?

使用公式(An + B)。說明:A表示一個循環(huán)大小,n是一個計數(shù)器(從0開始),而B是一個偏移值:

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

參數(shù)值

參數(shù)描述
number每個要匹配的孩子的索引(從1開始)
odd選擇每個奇數(shù)子元素
even選擇每個偶數(shù)子元素
An+B指定要選擇的子元素
示例:p:nth-child(3n + 2)從第二個子元素開始選擇每個第三段

jQuer 選擇器

丰满人妻一级特黄a大片,午夜无码免费福利一级,欧美亚洲精品在线,国产婷婷成人久久Av免费高清