Javascript: boucle à travers chaque troisième noeud enfant

Si j'ai un nœud parent, comment puis-je faire une boucle par tous les troisième nœud enfant?

J'ai maintenant ce code:

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

Pour les parents, je suis maintenant "[objet HTMLDivElement] " et pour first_child je les aiundefined'.

source d'informationauteur Florian Müller

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

    Avez-vous envisager de jQuery?

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

    J'ai mis en place une démo ici: http://jsbin.com/ahije4/5

  3. 1

    La element.childNodes collection est ce que vous avez besoin.
    Vous devez ignorer les nœuds enfants qui ne sont pas des éléments (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);
        }
    }
  4. 0
    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
    }
}

    continuent d'appeler le générateur de vous revenir jusqu'à ce qu'il n'a pas de valeur pour vous.

  5. 0

    Je vous recommande d'utiliser .css() et ou avec jQuery 

    //set node attribute
($('#ID_of_parent > third_child').css( 'propertyName' , 'value' );

//execute each nodes
$.each($('#ID_of_parent'), function( key, child ) {
    console.log(child);
});

    Vous pouvez voir un exemple ici:

    https://jsfiddle.net/chetabahana/8x65wq32/20/