jQuery : Bộ chọn thứ n-of-type ()
Thí dụ
Chọn từng phần tử <p> là phần tử <p> thứ ba của phần tử chính của nó:
$("p:nth-of-type(3)")
Định nghĩa và Cách sử dụng
Bộ chọn: thứ n-of-type ( n ) chọn tất cả các phần tử là phần tử con thứ n , của một kiểu cụ thể, của cha mẹ 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 cha mẹ 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ụ
Cách chọn mỗi phần tử <p> là phần tử <p> thứ hai của tất cả các phần tử <div>.
Cách sử dụng công thức ( an + b ) để chọn các phần tử con khác nhau.
Cách sử dụng chẵn và lẻ để chọn các phần tử con khác nhau.
Sự khác biệt giữa p: nth-child (2), p : nth-last-child (2), p: n-of-type (2) và p: n-of-last-type (2).