Comment injecter des éléments html en utilisant jquery en fonction d'un nombre donné?

Question

J'utilise jquery pour obtenir le nombre d'éléments enfants dans une div parente.

$('#slideshow > div').size() 

Ensuite, en utilisant append(), j'aimerais injecter le nombre d'éléments div qui sont #slideshow dans un autre div appelé .mainImageBrowserTabButtonWrapper

Toute aide sur ce serait apprécié.

EDIT

je réalise ma première question ne décrivait pas ce que je voulais très bien.

Disons que je le nombre d'éléments est #slideshow 3. Je voudrais ensuite injecter 3 autres divs dans .mainImageBrowserTabButtonWrapper

Answer 1

Vous pouvez cloner les éléments.

$("#slideshow > div").clone().appendTo(".mainImageBrowserTabButtonWrapper"); 

Ou, si vous préférez de nouveaux éléments vides, vous pouvez utiliser une boucle.

for (var i = 0; i < $("#slideshow > div").length; i++) 
    $(".mainImageBrowserTabButtonWrapper").append("<div />"); 

Answer 2

$('.mainImageBrowserTabButtonWrapper').text( $('#slideshow > div').size()) 

Answer 3

Vous pouvez stocker séparément le nombre et l'ajouter à l'appel suivant:

var count = $("#slideshow > div").size(); 
$(".mainImageBrowserTabButtonWrapper").text("Count: " + count); 

Remarque: Ceci ne montre que le nombre, il ne clone pas les divs.