2011-02-11 2 views
0

D'accord, je suis un peu perdu.Génération Dynamique Divs avec jQuery basé sur le nombre variable

J'ai une page qui extrait une valeur d'une base de données qui est ensuite chargée dans une variable, ticketNum. Fondamentalement, j'ai juste besoin de générer le même div/contenu à chaque fois en fonction de ce nombre. Je ne sais pas comment faire.

Si le ticketNum est 10, j'ai besoin de 10 divs, si c'est 3, j'ai besoin de 3 et ainsi de suite.

$(document).ready(function(){ 
var ticketNum = 10; 

if (ticketNum > 0) { 

    } else { 

    } 

}); 
+1

eee, utilisez une boucle? –

+0

Essayez de le faire en utilisant votre langage côté serveur si possible. –

+1

Pourquoi devraient-ils essayer de le faire via une langue côté serveur? Juste une simple manipulation dom. – Loktar

Répondre

2

Vous pouvez utiliser un for loop:

if (ticketNum > 0) { 
    for (i=0; i < ticketNum; i++) { 
     $('<div id="addedDiv_num' + i + '" />').text('Div number: ' + i).appendTo('#containerElement'); 
    } 
} 

JS FIddle demo.

+0

Super merci. Je sais que c'était probablement très simple pour toi, mais en tant que concepteur, il est très utile. –

+0

@OD_WebDev: pas de problème du tout (nous avons tous commencé à apprendre quelque chose * au moins * une fois ...) =) –

3

http://jsfiddle.net/5KHaq/

$(document).ready(function(){ 
    var ticketNum = 10; 

    for(var i = 0; i<ticketNum;i++){ 
     $('<div></div>').appendTo('#container').text("Div number " + i); 
    } 
}); 

Est-ce ce que vous cherchez?

+0

Nos réponses sont, pour l'essentiel, les mêmes: donc +1 =) –

+0

heh yeah, il nous arrive d'appuyer sur submit à peu près en même temps. – Loktar

Questions connexes