Đối tượng thử nghiệm cho mối quan hệ tổ tiên/hậu duệ trong JavaScript hoặc Jquery

Question

Tôi đang cố gắng tìm ra hàm JS hoặc jQuery có thể tái sử dụng để cho phép tôi kiểm tra xem một đối tượng có phải là hậu duệ DOM của một đối tượng khác hay không.

Tôi đã nhìn thấy một mô hình thử nghiệm cho

$b.parents('nodename').length>0 

Đó là tuyệt vời khi bạn chỉ cần kiểm tra xem một yếu tố là con của bất kỳ nút theo tên đó.

Nhưng còn về một nút cụ thể thì sao? Bạn không thể kiểm tra

$b.parents($a).length>0 

Vì bố mẹ jQuery có biểu thức nodename làm đối số để lọc.

Là một nền tảng nhỏ, tôi đang cố gắng kiểm tra xem mục tiêu của sự kiện nhấp chuột của tài liệu có phải là con của một đối tượng cụ thể hay không. Ví dụ, nếu event.target là con của $ b, trả về true, ngược lại, trả về false. Nhưng chức năng này có thể có những tác động khác sau này.

Cảm ơn!

Answer 1

Trong jQuery ancestors using jQuery objects tôi đề nghị

if ($(obj1).parents().index($(obj2)) >= 0) { 
    // obj1 is a descendant of obj2 
} 

Answer 2

Hãy thử điều này:

$('#foo').filter(function(){ 

    return $(this).parent().is('#foo-parent'); 

}); 

Vì vậy, ở đây chúng tôi sẽ chọn tất cả các yếu tố foo và sau đó lọc chỉ các yếu tố có foo cha mẹ như cha mẹ trực tiếp của mình.

Nếu bạn đang tìm kiếm để tìm nếu bất kỳ của các tổ tiên của đối tượng hiện tuân thủ các quy tắc, sau đó tôi đoán nó nên là:

$('#foo').filter(function(){ 

    return $(this).parents().is('#foo-parent'); 

}); 

Answer 3

a.contains(b) 

Đây là giải pháp JavaScript thuần túy sử dụng Node.contains. Hàm bao gồm, a.contains(a) đánh giá là đúng.

Có trường hợp cạnh trong IE9: nếu b là nút văn bản, contains sẽ luôn trả về false.