cómo recorrer algún niño específico nodos

Question

que tienen este árbol DOM:

<li> 
data .... 
    <br> 
    data ... 
    <img ... /> 
    <br> 
    <script> ... </script> 
    <span> data ... </span> 
</li> 

cómo puedo bucle a través de los hijos del elemento li anterior que se encuentren entre el li en sí y el elemento de la escritura, es decir, la escritura y la duración los elementos están fuera del ciclo ... gracias en advace !!

nota: No quiero usar JQuery, porque mi aplicación usa Protoype y entrará en conflicto con JQuery si los uso juntos, agradecería que hubiera una solución rápida usando Prototype.

Answer 1

¿Algo como esto funcionaría para usted?

var child = liElement.firstChild; 
while(child){ 
    if(child.nodeName.toLowerCase() == 'script'){ 
     break 
    } 
    //do your stuff here 
    child = child.nextSibling; 
} 

Nota, si el los "datos" en su ejemplo son cadenas, éstas se existe en la jerarquía niño como instancias de textNodes. si usted tiene que hacer un procesamiento especial en esta materia, usted tendrá que hacer un cheque como

switch(child.nodeType){ 
case 3: 
    //text Node 
    break; 
case 1: 
    //Element node 
    break; 
default: 
    //break; 
} 

la salida https://developer.mozilla.org/en/nodeType para más tipos de nodos

Answer 2

hav eYou echado un vistazo a jQuery? tiene una sintaxis de consulta muy simple. No estoy seguro de en qué elementos exactamente quieres pasar, pero para intance: $ ('li> img') devolverá todas las imágenes debajo de todos los elementos de la lista. echa un vistazo a la especificación para más jquery

Answer 3

Se puede usar jQuery selectores:

que todos los niños de <li>:

$('li').children(); 

Excluir elementos no deseados:

$('li').children().not('script').not('span'); 

Entonces bucle sobre la selección :

$('li').children().not('script').not('span').each(function(index, element){ 
    //do sth like hide the element 
    $(element).hide(); 
}); 

Answer 4

he aquí una solución Pirateé para usted:

$("li").each(function(index) { 
console.log($(this).find("span:first").text()); 
}); 

first span in Li