2011-02-11 57 views
0

好吧我有点迷路。基于变量编号的jQuery动态生成div

我有一个页面,从一个数据库中提取一个值,然后将其加载到一个变量ticketNum中。基本上我只需要根据这个数字每次生成相同的div /内容。我不知道该怎么做。

如果ticketNum是10,我需要10个div,如果是3,我需要3等等。

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

if (ticketNum > 0) { 

    } else { 

    } 

}); 
+1

eee,使用循环? – 2011-02-11 19:04:42

+0

如果可能,请尝试使用服务器端语言执行此操作。 – 2011-02-11 19:07:24

+1

他们为什么要尝试通过服务器端语言来做到这一点?只是简单的dom操作。 – Loktar 2011-02-11 19:13:40

回答

2

您可以使用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

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); 
    } 
}); 

是你在找什么?