在jQuery中,有時我們需要選取某一類標簽中的某一個或某幾個特定順序的元素,這時我們就可以使用nth-of-type選擇器。
nth-of-type選擇器的語法如下:
$(“[元素名稱]:nth-of-type(n)”)
其中,元素名稱是需要選擇的標簽名稱,n為序號。注意,序號從1開始而不是從0開始。
例如,我們想選取class為item的div中第一個p標簽,可以這樣寫:
$("div.item p:nth-of-type(1)")
要選取第2個和第3個p標簽,則可以這樣寫:
$("div.item p:nth-of-type(2), div.item p:nth-of-type(3)")
也可以使用奇偶數來選擇元素,例如想要選取class為item的div中所有奇數序號的p標簽,可以使用如下代碼:
$("div.item p:nth-of-type(odd)")
反之,如果需要選擇所有偶數序號的p標簽,可以使用even關鍵字:
$("div.item p:nth-of-type(even)")
總之,nth-of-type選擇器可以在雜亂無章的標簽中快速準確地定位到我們需要的元素,非常實用方便。
上一篇淘寶加載外部css
下一篇jquery npm下載