jQuery parent > child Selector - Chọn phần tử con trực tiếp

views

A+A-

PrintEmail

Học jQuery cơ bản sử dụng bộ chọn jQuery parent > child Selector để tìm những phần tử là con trực tiếp, tức phần tử dưới một cấp theo cây DOM HTML

Cú pháp, Khái niệm và cách sử dụng jQuery parent > child Selector

Syntax

Bộ chọn jQuery parent > child Selector có cú pháp

$("parent > child")

Tham số	Mô tả
parent	Tham số bắt buộc để xác định phần tử cha.
child	Tham số bắt buộc để xác định phần tử con cần chọn

jQuery parent > child Selector dùng để chọn phần tử con trực tiếp, tức chỉ dưới 1 bậc trong cây DOM HTML.
Lưu ý: Bộ chọn này sử dụng dầu > giữa 2 phần tử nhé
Mẹo: Để tìm và chọn những phần tử là con hoặc cháu (gọi chung là hậu duệ) chúng ta sẽ sử dụng bộ chọn parent descendant

Ví dụ jQuery parent > child Selector

Để hiểu rõ hơn thế nào là phần tử con trực tiếp, mời các bạn cùng xem qua ví dụ dưới đây nhé

Ví dụ

Chọn phần tử <span> là phần tử con trực tiếp của phần tử <div>

$("div > span")

Thử code »

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