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/