jQuery :nth-of-type() 選擇器

jQuer 選擇器

：nth-of-type()選擇器根據(jù)它們?cè)谝唤M同級(jí)兄弟中的位置來(lái)選擇給定類(lèi)型的所有元素。

使用：nth-child()選擇器可以根據(jù)所有元素的位置（無(wú)論類(lèi)型如何）來(lái)選擇所有元素。

語(yǔ)法：

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

實(shí)例

選擇屬于其父級(jí)的第三個(gè)<span>元素的每個(gè)<span>元素：

$(document).ready(function(){
  $("span:nth-of-type(3)").css("background", "lime");
});

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

$(document).ready(function(){
  $("span:nth-of-type(odd)").css("background", "lime");
  $("span:nth-of-type(even)").css("background", "aqua");
});

參數(shù)值

jQuer 選擇器