jQuery - Ajouter un élément de montant spécifique de temps?

Permet de dire que, dans ce cas, j'ai 4 divs appelé ".CountThese", et je voulais le faire, obtenir le nombre d'éléments spécifiques de la classe puis ajouter une div autant de fois que le montant de l' ".CountThese" ( 4 fois dans ce cas )

C'est le html:

<div class="CountThese"></div>
<div class="CountThese"></div>
<div class="CountThese"></div>
<div class="CountThese"></div>

<div class="appendHere"></div>

Ce serait le résultat:

<div class="CountThese"></div>
<div class="CountThese"></div>
<div class="CountThese"></div>
<div class="CountThese"></div>

<div class="appendHere">
   <div class="appendedDIVs"></div>
   <div class="appendedDIVs"></div>
   <div class="appendedDIVs"></div>
   <div class="appendedDIVs"></div>
</div>

J'ai eu que jusqu'à ce que j'ai découvert que vous pouvez compter le nombre d'éléments à quelque chose comme ceci:

function divcount() {
   var Count =  $('.CountThese').length(); 
   document.write(Count)
}

pensé que je n'ai pas nécessairement de savoir comment l'utiliser.. sérieusement je n'ai aucune idée de comment je pourrais ensuite utiliser ce numéro pour ajouter des divs ou quoi que ce soit d'autre d'ailleurs..

Comment cela peut-il être atteint?

OriginalL'auteur Joonas | 2011-06-11

  1. 7

    Vous pouvez effectuer une itération sur les .CountThese divs et pour chacun, append .appendHere

    $('.CountThese').each(function(){
  $('.appendHere').append('<div class="appendedDivs"></div>');
});
    Cela semble presque trop simple.. Merci.
    "jQuery: C'est presque trop simple."

    OriginalL'auteur Don Zacharias

  2. 1

    La meilleure façon de le faire serait de faire une itération sur chaque .CountThese divs comme Don et Christopher mentionné. Si vous voulais le faire à votre façon, si, vous pouvez le faire comme ceci:

    var count = $('.CountThese').size();
for (var i=0; i<count; i++){
    $('div.appendHere').append('<div class="appendedDIVs"></div>');
}

    OriginalL'auteur Eric Yang

  3. 0
    $('.CountThese').each(function() {
    $('div.appendHere').append('<div class="appendedDIVs"></div>');
});

    OriginalL'auteur Christopher Armstrong