jQuery :last-of-type Selector - Chọn những phần tử cuối cùng theo phân loại

views

A+A-

PrintEmail

Cùng tìm hiểu thêm về bộ chọn :last-of-type Selector trong jQuery để xem có gì đặc biệt và so sánh có đặc điểm gì khác biệt  so với :last và :last-child Selector không nhé.

Cú pháp, Khái niệm và cách sử dụng jQuery :last-of-type Selector

Syntax

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

$(":last-of-type")

jQuery :last-of-type Selector dùng để chọn mọi phần tử có cùng thuộc tính là phần tử cuối cùng, tuy nhiên khác với :last-child thì :last-of-type chỉ tính đến phần tử cuối cùng có thuộc tính cần chọn, kể cả có phần tử cùng cấp mà khác thuộc tính đứng sau nó.
Để thực tế và dễ hiểu hơn, chúng ta hãy cùng nhìn cây DOM HTML dưới đây để hiểu rõ hơn thế nào là last-of-type

 Mẹo:  jQuery :last-of-type Selector giống với :nth-last-of-type(1) sẽ được đề cập trong bài viết sau

Cùng xem Sự khác nhau giữa :last và :last-child và last-of-type

Ví dụ :last-of-type Selector

Ví dụ

Chọn tất cả phần tử <p> là phần tử cuối cùng :last-of-type

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

Thử code »

Mẹo:
Tương tự để chọn tất cả phần tử cuối cùng thuộc tính các bạn sử dụng bộ jQuery :first-of-type Selector

Xem thêm bài viết Tất cả bộ chọn jQuery Selectors tại đây

Chuyên Mục : Bộ chọn jQuery Học jQuery jQuery Selectors