JQuery: Comment faire une boucle à travers tous les éléments enfants d'un div

Je suis en train de parcourir tous les éléments dans un div et de sortie des résultats (code C# je vais l'utiliser plus tard) à l'écran pour effectuer des tests.

donc, si j'ai le html comme ceci:

    <div id="testDiv">
        <test>
            <a>aVal</a>
            <c>
                <cc>ccVal</cc>
            </c>
       </test>
    </div>

je suis en train de produire cette valeur de chaîne:

HtmlElement.CreateNode("test").AddNode(CreateNode("a").addText("aVal")).AddNode(CreateNode("c").AddNode(CreateNode("cc").addText("ccVal"))

Maintenant j'ai cette jquery, mais je ne suis pas sûr de la façon de descendre dans les autres nœuds:

var x = "HtmlElement.";
$('div#testDiv').children().each(function () {    
    var nodeNameStr = this.nodeName.toLowerCase();
    var nodeText = $(this).text();
    x += "CreateNode(nodeNameStr).addText(nodeText)"
});

OriginalL'auteur some_bloody_fool | 2012-08-08

  1. 6

    Voici un exemple plus complet que les précédentes réponses:

    http://jsfiddle.net/4QtS5/

    //returns the 'AddNode(...)' method call for every child.    
function addChildren(element){
   var command = "";
   $(element).find("> *").each(function(){
      command += ".AddNode("+createNode(this)+")";
   });
   return command;
}

//if the element has text, add the text
function addText(element){
   var elementText = $(element).clone().children().remove().end().text().trim();
   if(elementText) {
      return ".addText(\""+elementText+"\")";
   } else {
      return "";
   }
}

//returns the 'CreateNode(...)' method call for a node and all its children.
function createNode(element){
   var nodeName =  element.nodeName.toLowerCase();
   var csharpCommand = "CreateNode(\""+nodeName+"\")";
   csharpCommand += addChildren(element);
   csharpCommand += addText(element);
   return csharpCommand;
}

//begin
$("div#testDiv > *").each(function(){
    var csharpCommand = "HtmlElement."+createNode(this);
    console.log(csharpCommand);
});
    merci c'est exactement ce que je cherchais à faire, beaucoup apprécié.

    OriginalL'auteur ggreiner

  2. 17

    jsFiddle Exemple

    $('#testDiv').find('*').each(function() {
     //do stuff
});

    OriginalL'auteur Gabe

  3. 1

    Vous êtes en boucle par les enfants directs de votre div, plutôt que de tous les enfants. Pour ce faire, utilisez ce code:

    $('div#testDiv *').each(function(){
    //Your Code
});

    OriginalL'auteur JCOC611

  4. 1

    Vous pouvez utiliser les div id pour obtenir tous les enfants de la manière suivante:

    $('#youDivId').children().each(function(){
     alert(this.value);
});

    OriginalL'auteur user1407955