Javascript: Loop a través de cada tercer nodo hijo

Question

Si obtuve un nodo principal, ¿cómo puedo recorrer cada tercer nodo secundario?

que tengo ahora este código:

var parents = document.getElementById('ID_of_parent'); 
var first_child = parents.firstChild.data.id; 
alert(parents); 
alert(first_child); 

Para los padres, lo tengo ahora '[objeto HTMLDivElement]' y para first_child Tengo ' indefinido'.

Answer 1

var nodes = document.getElementById('ID_of_parent').childNodes; 
for(i=0; i<nodes.length; i+=3) { 
    alert(nodes[i]); 
} 

Answer 2

La colección element.childNodes es lo que necesita. Debe omitir los nodos secundarios que no son elementos (element.nodeType != 1).

var d = document.getElementById("ID_of_parent"); 
    if (d) 
    { 
     for(var i = 0; i < d.childNodes.length; i++) 
     { 
      if (d.childNodes[i].nodeType == 1) 
       alert(typeof(d.childNodes[i]) + "- " + d.childNodes[i].nodeType + ": " + d.childNodes[i].tagName + " - " + d.childNodes[i].innerHTML); 
     } 
    } 

Answer 3

¿Consideras jQuery?

$("#ID_of_parent > *:nth-child(3n)").each(function() { alert(this);}); 

he implementado una demo aquí: http://jsbin.com/ahije4/5

Answer 4

function makeSkippingIterator(parent,stride) { 
    if(isNaN(stride) || stride < 1) 
     stride = 1 
    var node = parent.firstChild 
    return function() { 
     var returnable = node, 
      cnt = stride 
     while(--cnt >= 0 && node) { 
      node = node.nextElementSibling 
     } 
     return returnable 
    } 
} 

seguir llamando el generador a volver hasta que no tiene ningún valor para usted.