jQuery :nth-last-of-type() Selector - Chọn phần tử con theo phân loại có thứ tự n đếm từ dưới lên

jQuery :nth-last-of-type() Selector
Bộ chọn :nth-last-type-ofchild() Selector trong jQuery có cú pháp như thế nào? và được sử dụng trong trường hợp nào. Cùng tìm hiểu và xem qua theo ví dụ cụ thể

Cú pháp, Định nghĩa và cách sử dụng jQuery :nth-last-type-of() Selector

Syntax

Bộ chọn jQuery :nth-last-type-of() Selector có cú pháp

$(":nth-last-type-of(n|even|odd|formula)")
Tham số Mô tả
n Chọn phần tử con có chỉ số thứ tự là n. Trong đó n phải là số và phần tử con cuối cùng có n=1
even Chọn những phần tử con chẵn
odd Chọn những phần tử con lẻ
formula Chọn các phần tử con theo công thức (an + b).
Ví dụ: p:nth-last-type-of(3n + 2) chọn mỗi đoạn thứ 3, bắt đầu từ phần tử con thứ 2 từ dưới đếm lên
jQuery :nth-last-type-of(n) Selector dùng để chọn tất cả phần tử có cùng loại, thuộc tính là con thứ n của cha mẹ chúng tính từ phần tử con cuối cùng đếm ngược lên.
Mẹo:
Để chọn những phần tử con theo thứ tự từ dưới lên trên không cần phân loại thuộc tính, chúng ta sử dụng bộ chọn :nth-last-child()

ví dụ jQuery :nth-last-type-of() Selector

Ví dụ

Chọn những phần tử <p> là phần tử con thứ 3 của cha mẹ chúng tính từ dưới lên (từ phần tử con cuối cùng trở ngược lại)

$("p:nth-last-type-of(3)")

Ví dụ

Chọn những phần tử <p> là phần tử con thứ 1 của phần tử <div> tính từ dưới lên (từ phần tử <p> cuối cùng đếm ngược lại)

$("div p:nth-last-type-of(1)")

Ví dụ

Sử dụng công thức (an + b) để chọn những phần tử con khác nhau tính từ dưới lên.
Chọn những phần từ con là p tính từ dưới lên theo thứ tụ 2, 5, 8 theo công thức (3n+2)

$("p:nth-last-type-of(3n+2)")

Ví dụ

Sử dụng even hoặc odd để chọn những phần tử con khác nhau, được tính từ phần tử cuối cùng trở lên.

$("p:nth-last-type-of(even)")
$("p:nth-last-type-of(odd)")

Ví dụ

Sự khác nhau giữa :nth-child(), :nth-last-child(), :nth-of-type():nth-of-last-type()

$("p:nth-child(2)")
$("p:nth-last-child(2)")
$("p:nth-of-type(2)")
$("p:nth-last-of-type(2)")
Xem thêm bài viết Tất cả bộ chọn jQuery Selectors tại đây
Chuyên Mục :
tháng 7 08, 2020
Bình Luận

LaiXe.Xyz

Blog Lái Xe, chia sẻ thông tin về luật giao thông đường bộ, biển báo giao thông, thông tin về xe ô tô, thi bằng lái xe các hạng bằng A1, A2, B1, B2, C, D, E, F

Thi Thử Lái Xe B2 Mới Nhất

"Tiến hành giảng dạy bộ 600 câu hỏi vào tháng 06/2020 và áp dụng thi sát hạch vào tháng 10 năm 2020. Bộ đề 600 câu hỏi sẽ được phát hành dạng sách khoảng tháng 5/2020."

DMCA.com Protection Status