Tổ tiên jQuery sử dụng các đối tượng jQuery

Question

Tôi muốn kiểm tra tổ tiên bằng cách sử dụng hai đối tượng jQuery. Họ không có ID và chỉ có sẵn dưới dạng đối tượng jQuery (hoặc nút DOM nếu bạn gọi là get()). jQuery is() chỉ hoạt động với các biểu thức, do đó, mã này sẽ là lý tưởng nhưng sẽ không làm việc:

var someDiv = $('#div'); 

$('a').click(function() { 
    if ($(this).parents().is(someDiv)) { 
     alert('boo'); 
    } 
} 

Chỉ muốn để xem nếu một phần tử là một đứa trẻ của người khác và tôi muốn tránh bước trở lại vào DOM đất nếu khả thi.

Answer 1

Bạn có thể sử dụng phương thức index() để kiểm tra xem một phần tử có tồn tại trong một danh sách hay không, do đó công việc sau đây sẽ như thế nào?

var someDiv = $('#div'); 

$('a').click(function() { 
    if ($(this).parents().index(someDiv) >= 0) { 
     alert('boo'); 
    } 
} 

Từ #index reference.

Answer 2

Cùng những dòng, cha mẹ() tùy ý chấp nhận một chọn riêng của mình:

$('a').click(function() { 
    if ($(this).parents("#div").length) { 
    alert('boo'); 
    } 
}); 

Answer 3

Một cách sẽ được sử dụng chức năng lọc

$('a').click(function() { 
    $(this).parents().filter(function() { 
     return this == someDiv[0]; 
    }).each(function() { 
     alert('foo'); 
    }) 
} 

Tôi nghĩ bạn cũng có thể nhận được ngay với việc sử dụng jQuery.inArray

if ($.inArray(someDiv, $(this).parents())) { 
     alert('boo'); 
} 

Answer 4

Bạn sẽ không nhận được kết quả mà bạn muốn chỉ đơn giản bằng cách sử dụng CSS se lector?

$('#div a').click(function() { ... }); 

Answer 5

Kiểm tra (this).parents().index(someDiv) >= 0, như @Gareth gợi ý, sẽ hoạt động tốt.

Tuy nhiên, sử dụng jQuery ancestry plugin là cách nhanh hơn/hiệu quả hơn.

Answer 6

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

var someDiv = $('#div'); 

$('a').click(function() { 
    if ($.inArray($(this).parents().get(), someDiv.get(0)) { 
     alert('boo'); 
    } 
} 

Answer 7

var $element = $('a'); 
while ($element && !$element.is('someDiv')) { 
    var $element = $element.parent(); 
};