cómo se pueden obtener todos los nodos hoja, digamos divs, del DOM? Estoy tratando de pensar en una solución óptima, si no hay un selector fácil y mágico para esto. Pensé en usar "reachElem.find ('div'). Length == 0" pero no estoy seguro de si esta es la dirección correcta. ¿Alguna idea? Gracias¿Cuál es la forma más eficiente de obtener nodos de hoja con jQuery
Usted puede ir con selector siguiente
$('div:not(:has(*))')
Por encima de selector se seleccionará todos los DIVs que no tienen hijos.
Si realmente quieres algo eficiente, evitar el complejo :not(:has(*)) selector:
$("div").filter(
function(index) {
var isLeaf = $(this).children().length === 0;
return isLeaf;
}
);
descubrí que es dos veces tan eficiente como la sugerencia de eHussain, o incluso más rápido.
Una manera más rápida que '.children()' es '.find (': first')'. –
Gracias. ¿También se aplica si quiero encontrar todos los div que son el "último" elemento div en el árbol? No estoy seguro si lo estoy explicando correctamente. Digamos que eliminas todos los elementos que no son divs del DOM. Ahora sería lo mismo que pedir todas las hojas .. – Ricardo
@Ricardo, cualquier elemento DOM sin hijos es una hoja. Si solo desea buscar hojas debajo de un elemento particular, primero seleccione el elemento y luego ponga el selector de eHussain en un método .find() para buscar todos los antepasados. – Soviut
gracias Soviut, pero eso no es lo que quise decir. Quiero decir que quiero seleccionar "todos" divs en el DOM que no tienen más "divs" como niños. Básicamente todos los divs del nivel más bajo ... – Ricardo