Tự học JQuery - Traversing - Bài 2 - Nhánh cha – Ancestor

Xem Mục lục lập trình JQuery

01 nhánh tổ tiên là cha mẹ, ông bà,ông cụ kị...

Với jQuery bạn có thể tra cứu sơ đồ cây DOM để tìm tổ tiên của 01 phần tử.

Duyệt lên cây DOM

03 phương thức jQuery hữu dụng để tra ngược lên cấu trức cây DOM là:

• parent()
• parents()
• parentsUntil()

Phương thức jQuery parent()

Phương thức parent() trả về phần tử cha trực tiếp của phần tử đã chọn lựa.

Phương thức này chỉ tra cứu đơn lẻ 01 phần tử trong cấu trúc cây DOM.

Ví dụ sau trả về phần tử cha mẹ trực tiếp của mỗi phần tử <span>

$(document).ready(function(){
    $("span").parent();
});

Phương thức jQuery parents()

Phương thức parents() trả về tất cả các phần tử cha của đối tượng đã chọn.

Ví dụ sau trả về tất cả phần tử cha của phần tử <span>

$(document).ready(function(){
    $("span").parents();
});

Bạn cũng có thể sử dụng 01 tham số tùy chọn để lọc các phần tử cha.

Ví dụ sau trả về tất cả phần tử cha của các phần tử <span> mà là thẻ <ul>

$(document).ready(function(){
    $("span").parents("ul");
});

Phương thức jQuery parentsUntil()

Phương thức parentsUntil() trả về tất cả phần tử cha giữa 02 tham số.

Ví dụ sau trả về tất cả phần tử cha giữa thẻ <span> và thẻ <div>

$(document).ready(function(){
    $("span").parentsUntil("div");
});

Nếu vẫn chưa rõ các bạn xem thêm video clip sau:

Xem Mục lục lập trình JQuery

By #drM