Sử dụng Jquery Selector như thế nào để chọn tất cả những phần tử là phần tử con đầu tiên. Cùng tìm hiểu rõ hơn về :first-child Selector và so sánh sự khác nhau với :first Selector nhé
Cú pháp, Khái niệm và cách sử dụng jQuery :first-child Selector
Syntax
Bộ chọn jQuery :first-child Selector có cú pháp
$(":first-child")
:first-child Selector dùng để chọn mọi phần tử có cùng thuộc tính là phần tử con đầu tiên và không có phần tử cùng cấp nào mang thuộc tính khác đứng trước. Tức theo cây thư mục DOM HTML thì trên phần tử đó sẽ là phần tử cha, và nó được xếp ở vị trí đầu tiên |
| 2 phần tử <p> được gọi là first-child theo DOM HTML |
Khác với
:first vì selector này chỉ chọn phần tử đầu tiên và duy nhấtVí dụ :first-child Selector
Ví dụ
Chọn mọi phần tử<p> là phần tử con đầu tiên
$("p:first-child")
class="laixe"
$(".laixe:first-child")
Để chọn tất cả phần tử con cuối cùng các bạn sử dụng bộ jQuery
:last-child Selector
Xem thêm bài viết jQuery Selectors tại đây
