jQuery Selectors - Content Filter - jQuery căn bản

Content Filter là nhóm các Selector dùng để xử lý nội dung chứa bên trong thẻ HTML. Ví dụ bạn muốn tìm thẻ HTML nào có nội dung rỗng thì chỉ cần sử dụng cú pháp :empty.

Sau đây là danh sách các loại Content Filter.

1. Danh sách các Content Filter trong jQuery

Có tổng cộng 4 loại Content Filter.

2. Các ví dụ Content Filter trong jQuery

Sau đây là các ví dụ cách sử dụng Content Filter.

:contains Selector

Thêm class active vào thẻ div có chứa chữ Zaidap.com.net.

$("div:contains('Zaidap.com.net')").addClass("active");

:emtpy Selector

Thêm class active vào thẻ div rỗng.

$("div:empty").addClass("active");

:has Selector

Thêm class active vào thẻ div có chứa thẻ p.

$("div:has(p)").addClass("active");

:parent Selector

Thêm class active vào thẻ cha của thẻ p có class="delete".

$("div p.delete:parent").addClass("active");

3. Lời kết

Trên là bốn cách sử dụng Content Filter trong jQuery, bài này mình dừng ở đây, bài tiếp theo chúng ta tìm hiểu về các Filter xử lý với Form.