jquery for loop創建多個按鈕

Question

我需要使用jquery創建一組按鈕。我試過了for循環和while循環，但這不起作用。

我在變量'pages'中存儲了我需要的頁面數量，當使用console.log(pages)正確顯示我需要多少個按鈕時，我仍然無法使循環工作。

while (i <= pages) { 
    pageButtons.append('<input type="button" id="button'+i+'" value="Random'+i+'"/>'); 
    i = i + 1; 
} 

我現在有上面的代碼..

Answer 1

什麼pageButtons分配？如果包含在一個div所有的按鈕，這將工作

var pages = 5; 
 
var pageButtons = $('#pageButtons'); 
 
for (var i = 0; i < pages; i++) { 
 
    pageButtons.append('<input type="button" id="button' + i + '" value="Random' + i + '"/>'); 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id="pageButtons"> 
 

 
</div>

Answer 2

你會想要做這樣的事情：

var pages = 5; 
for (var i = 0; i <= pages; i++) { 
    $('#buttons').append('<input type="button" id="button' + i + '"value="Random' + i + '"/>'); 
} 

http:////jsfiddle.net/clccmh/x545y8re/