jQuery :nth-of-type() 選擇器
jQuery 選擇器實例
選取屬於其父元素的第三個 <p> 元素的每個 <p> 元素：
$("p:nth-of-type(3)")
定義和用法
:nth-of-type(n) 選擇器選取屬於其父元素的特定類型的第 n 個子元素的所有元素。
提示：請使用 :nth-child() 選擇器來選取屬於其父元素的不限類型的第 n 個子元素的所有元素。
語法
:nth-of-type(n|even|odd|formula)
| 參數 | 描述 |
|---|---|
| n | 要匹配的每個子元素的索引。 必須是一個數字。第一個元素的索引號是 1。 |
| even | 選取每個偶數子元素。 |
| odd | 選取每個奇數子元素。 |
| formula | 規定哪個子元素需通過公式 (an + b) 來選取。
實例：p:nth-of-type(3n+2) 選取每個第三段，從第二段開始。 |
嘗試一下 - 實例
選取所有 <div> 元素的第二個 <p> 元素的每個 <p> 元素
如何選取所有 <div> 元素的第二個 <p> 元素的每個 <p> 元素。
使用公式 (an + b)
如何使用公式 (an + b) 來選取不同的子元素。
使用"偶數"和"奇數"
如何使用偶數和奇數來選取不同的子元素。
:nth-child()、:nth-last-child()、:nth-of-type() 和 :nth-of-last-type() 之間的不同
p:nth-child(2)、p:nth-last-child(2)、p:nth-of-type(2) 和 p:nth-of-last-type(2) 之間的不同。