使用基于变量的jQuery动态生成Div

时间:2011-02-11 19:02:04

标签: jquery

好吧,我有点失落。

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

如果ticketNum是10,我需要10个div,如果是3,我需要3个,依此类推。

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

 if (ticketNum > 0) {

   } else {

   }

});

2 个答案:

答案 0 :(得分: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);   
    }
});

这就是你要找的东西吗?

答案 1 :(得分: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