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中的所有按钮，这将起作用

＆＃13;

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

＆＃13;

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

＆＃13;

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/

jquery for循环创建多个按钮

2 个答案: