Przodkowie jQuery za pomocą obiektów jQuery

Question

Chciałbym sprawdzić pochodzenie za pomocą dwóch obiektów jQuery. Nie mają identyfikatorów i będą dostępne tylko jako obiekty jQuery (lub węzły DOM, jeśli wybrano get()). jQuery is() działa tylko z wyrażeń, więc ten kod byłby idealny, ale nie będzie działać:

var someDiv = $('#div'); 

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

prostu chcesz sprawdzić, czy jeden element jest dzieckiem z drugiego i chciałbym uniknąć cofając się do DOM gruntów, jeżeli możliwy.

Answer 1

Można użyć metody index() w celu sprawdzenia, czy element istnieje na liście, czy następujące czynności będą działać?

var someDiv = $('#div'); 

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

Od #index reference.

Answer 2

Wzdłuż tych linii, rodzice() ewentualnie akceptuje selektora samego:

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

Answer 3

Jednym ze sposobów byłoby użyć funkcji filtrowania

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

myślę może również być w stanie uciec przy użyciu jQuery.inArray

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

Answer 4

Nie uzyskasz pożądanego efektu po prostu używając CSS se lektor?

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

Answer 5

Sprawdzanie (this).parents().index(someDiv) >= 0, jak sugeruje @Gareth, będzie działać dobrze.

Jednak korzystanie z jQuery ancestry plugin jest szybsze/bardziej wydajne .

Answer 6

Spróbuj tego:

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(); 
};