¿Hay un equivalente a .closest() que busca en el árbol DOM en lugar de hacia arriba?

Question

¿Hay un equivalente a .closest() que busca en el árbol DOM en lugar de hacia arriba?

Answer 1

El método closest realmente busca el árbol (a pesar de lo que dice la documentación), pero sé lo que quiere decir. Quieres uno que busque entre los hijos del elemento. Dependiendo de la forma en que desea buscar:

$('#Id').children('div'); 

o

$('#Id').find('div'); 

Answer 2

Puede usar el método find(). Y obtenga el elemento first del conjunto resultante.

Answer 3

$('#Id div:first') qué también lo que están buscando.

Tenga en cuenta que mientras más cercano() solo devuelve un elemento, find(), children() y también $ ("# Id div") devuelve todos los elementos coincidentes, por lo que debe agregar .first() o: first para reducir el resultado a la primera ocurrencia.

Answer 4

En caso de que alguien necesite buscar ARRIBA, es fácil con el método .parents().

Puede dejarlo vacío, o especificar selectores como .parents ("div").

Answer 5

Lo más cercano es buscar UP relacionado con la documentación "Para cada elemento del conjunto, obtenga el primer elemento que coincida con el selector probando el elemento y atravesando sus antepasados ​​en el árbol DOM" y como puede ver " El método .children() difiere de .find() en que .children() solo recorre un único nivel en el árbol DOM, mientras que .find() puede recorrer varios niveles para seleccionar elementos descendientes (nietos, etc.) también ". No encontré una buena solución para closest porque lo bueno de closest es que deja de buscar elementos cuando encuentra el primer selector coincidente y find continúa buscando. Entonces, lo que puedes hacer es usar el filtro .first().

$('selector').first(); 

O

obj.find('selector').first(); 

Será encontrar una coincidencia de elementos múltiples, pero devolverá sólo el primer elemento como closest pero menor rendimiento.

https://api.jquery.com/first/