jQuery - " Append ein element spezifische Höhe der Zeit?

Lässt sich sagen, dass in diese Fall habe ich 4 divs "nennt.CountThese" und ich wollte genau das tun, erhalten Sie die Anzahl der Elemente, die mit dieser spezifischen Klasse und fügen Sie ein div-wie oft, wie war die Menge an ".CountThese" ( 4-mal im diese Fall )

Dies ist die html:

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

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

Wäre dies das Ergebnis:

<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>

Ich habe nur so weit, dass ich herausgefunden habe, dass man zählt die Anzahl der Elemente, so etwas wie dieses:

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

dachte, ich dont unbedingt wissen, wie zu bedienen,.. ich habe ernsthaft keine Ahnung habe, wie ich konnte, dann verwenden Sie diese Zahl Anhängen divs oder irgendetwas anderes für diese Angelegenheit..

Wie kann das erreicht werden?

InformationsquelleAutor Joonas | 2011-06-11

  1. 7

    Können Sie Durchlaufen .CountThese divs und für jede, anfügen .appendHere

    $('.CountThese').each(function(){
  $('.appendHere').append('<div class="appendedDivs"></div>');
});
    Dies scheint fast zu einfach.. Danke.
    "jQuery: Es ist fast zu einfach."

    InformationsquelleAutor Don Zacharias

  2. 1

    Der beste Weg, es zu tun wäre, um die Iteration über jede .CountThese divs wie Don und Christopher erwähnt. Wenn Sie wollte, es zu tun Ihren Weg, aber Sie könnten es so machen:

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

    InformationsquelleAutor Eric Yang

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

    InformationsquelleAutor Christopher Armstrong

Schreibe einen Kommentar