comment faire une boucle sur les divs enfants d'un div et obtenir les identifiants de l'enfant divs?

J'ai un div avec id test

et à travers la boucle foreach, je suis entrain de créer intérieure de divs à l'intérieur du test div. De sorte qu'il devient comme ça.

<div id="test">
<div id="test-1"></div>
<div id="test-2"></div>
<div id="test-3"></div>
<div id="test-4"></div>
</div>

Je suis le parent div id "test" dans la fonction javascript. Maintenant, je veux faire une boucle par l'intérieur divs de l'enfant(divs) de l'épreuve de la vrd et d'obtenir l'id de chaque div, un par un, et le style à l'aide de javascript.

Toute Idée de ce?

source d'informationauteur Ahmad | 2012-07-02

  1. 7

    Vous pouvez faire une boucle interne des divs à l'aide de jQuery .chaque fonction (). L'exemple suivant fait cela, et pour chaque intérieur div, il récupère l'id de l'attribut.

    $('#test').find('div').each(function(){
    var innerDivId = $(this).attr('id');
});
  2. 20

    Essayer cette

    var childDivs = document.getElementById('test').getElementsByTagName('div');

for( i=0; i< childDivs.length; i++ )
{
 var childDiv = childDivs[i];
}
  3. 3

    Voici la solution si quelqu'un cherche toujours il

    function getDivChildren(containerId, elementsId) {
    var div = document.getElementById(containerId),
        subDiv = div.getElementsByTagName('div'),
        myArray = [];

    for(var i = 0; i < subDiv.length; i++) {
        var elem = subDiv[i];
        if(elem.id.indexOf(elementsId) === 0) {
            myArray.push(elem.id);
        }
    }
    return myArray;
}
console.log(getDivChildren('test', 'test-'));
  4. 0

    Vous pouvez utiliser 

    $('[id^=test-]')

    et chacun()

    de cette manière par exemple :

    $('[id^=test-]').each(function(){
    var atId = this.id;
    //do something with it
});​
  5. 0

    Ce que vous essayez de faire est de faire une boucle par le descendant divs de la #test div; vous voulez faire cela à l'aide de la > sélecteur de descendant, et le jQuery .each() itérateur. Vous pouvez également utiliser le jQuery .css() et .attr() méthodes pour le style et la récupération de l'id respectivement.

    $("#test > div").each(function(index){
    var id = $(this).attr("id");
    $(this).css(/* apply styles */);
});
  6. -1

    Utiliser jQuery.

    Ce code peut être addapted à vos besoins:

    $testDiv = ​$('div#test')​​​​​​​​​​​​.first();    
$('div', $testDiv).css("margin", '50px');​​​​