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