jQuery : nth-last-child () Bộ chọn
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ó, tính từ phần tử cuối cùng:
$("p:nth-last-child(3)")
Định nghĩa và Cách sử dụng
Bộ chọn: nth-last-child ( n ) 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, tính từ phần tử cuối cùng.
Mẹo: Sử dụng bộ chọn : nth-last-of-type () để 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, tính từ phần tử cuối cùng.
Cú pháp
:nth-last-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-last-child(3n+2) selects each 3rd paragraph, starting at the last 2nd child |
Hãy tự mình thử - Ví dụ
Cách chọn phần tử <p> là phần tử con đầu tiên của tất cả các phần tử <div>, tính từ phần tử con cuối cùng.
Cách sử dụng công thức ( an + b ) để chọn các phần tử con khác nhau, đếm từ phần tử con cuối cùng.
Cách sử dụng chẵn và lẻ để chọn các phần tử con khác nhau, đếm từ con cuối cùng.
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).