基於變量編號的jQuery動態生成div

我有一個頁面，從一個數據庫中提取一個值，然後將其加載到一個變量ticketNum中。基本上我只需要根據這個數字每次生成相同的div /內容。我不知道該怎麼做。

如果ticketNum是10，我需要10個div，如果是3，我需要3等等。

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

if (ticketNum > 0) { 

    } else { 

    } 

});

來源

2011-02-11 OD_WebDev

eee，使用循環？ – 2011-02-11 19:04:42

如果可能，請嘗試使用服務器端語言執行此操作。 – 2011-02-11 19:07:24

他們爲什麼要嘗試通過服務器端語言來做到這一點？只是簡單的dom操作。 – Loktar 2011-02-11 19:13:40

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

來源

2011-02-11 19:06:25

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

是你在找什麼？

來源

2011-02-11 19:05:57 Loktar

基於變量編號的jQuery動態生成div

回答

相關問題