antepasados ​​de jQuery que usan objetos jQuery

Question

Me gustaría verificar el ancestro utilizando dos objetos jQuery. No tienen ID, y solo estarán disponibles como objetos jQuery (o nodos DOM si llamaste al get()). jQuery de is() sólo funciona con las expresiones, por lo que este código sería lo ideal, pero no va a funcionar:

var someDiv = $('#div'); 

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

que desea es ver si un elemento es un hijo de otro y me gustaría evitar retroceder en DOM tierra si posible.

Answer 1

Puede utilizar el método index() para comprobar si un elemento existe en una lista, por lo que el siguiente trabajo?

var someDiv = $('#div'); 

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

De #index reference.

Answer 2

lo largo de esas líneas, los padres() acepta opcionalmente un selector sí:

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

Answer 3

Una forma sería utilizar la función de filtro

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

Creo que también puede ser capaz de alejarse con el uso de jQuery.inArray

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

Answer 4

¿le no obtener el resultado que quieres de un simple uso de CSS se ¿lector?

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

Answer 5

Comprobación de (this).parents().index(someDiv) >= 0, como sugiere @Gareth, funcionará bien.

Sin embargo, usando el jQuery ancestry plugin es manera más rápida/más eficiente.

Answer 6

Prueba esto:

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