jQuery : nth-child () Selector
Thí dụ
Chọn mỗi phần tử <p> là phần tử con thứ ba của phần tử cha của nó:
$("p:nth-child(3)")
Định nghĩa và Cách sử dụng
Bộ chọn: nth-child ( n ) chọn tất cả các phần tử là con thứ n , bất kể loại, của cha mẹ của chúng.
Mẹo: Sử dụng bộ chọn : thứ n-of-type () để chọn tất cả các phần tử là phần tử con thứ n , thuộc một kiểu cụ thể , của cha mẹ của chúng.
Cú pháp
:nth-child(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-child(3n+2) selects each 3rd paragraph, starting at the 2nd child element |
Hãy tự mình thử - Ví dụ
Cách chọn mỗi phần tử <p> là phần tử con 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).