Bộ chọn jQuery :nth-of-type()
Ví dụ
Chọn từng phần tử <p> là phần tử <p> thứ ba của phần tử mẹ của nó:
$("p:nth-of-type(3)")
Hãy tự mình thử »Định nghĩa và cách sử dụng
Bộ chọn :nth-of-type( n ) chọn tất cả các phần tử là phần tử con thứ n , thuộc một loại cụ thể, của phần tử cha của chúng.
Mẹo: Sử dụng bộ chọn :nth-child() để chọn tất cả các phần tử là phần tử con thứ n , bất kể loại , của phần tử cha của chúng.
Cú pháp
:nth-of-type( n |even|odd| formula )
Parameter | Description |
---|---|
n | The index of each child to match. Must be a number. The first element has the index number 1. |
even | Selects each even child element |
odd | Selects each odd child element |
formula | Specifies which child element(s) to be selected with a formula ( an + b ). Example: p:nth-of-type(3n+2) selects each 3rd paragraph, starting at the 2nd paragraph |
Hãy tự mình thử - Ví dụ
Chọn từng phần tử <p> là phần tử <p> thứ hai trong tất cả các phần tử <div>
Cách chọn từng phần tử <p> là phần tử <p> thứ hai trong tất cả các phần tử <div>.
Sử dụng công thức (an + b)
Cách sử dụng công thức ( an + b ) để chọn các phần tử con khác nhau.
Sử dụng “chẵn” và “lẻ”
Cách sử dụng số chẵn và số lẻ để chọn các phần tử con khác nhau.
Sự khác biệt giữa :nth-child(), :nth-last-child(), :nth-of-type() và :nth-of-last-type()
Sự khác biệt giữa p:nth-child(2), p:nth-last-child(2), p:nth-of-type(2) và p:nth-of-last-type(2).