拥有<input type="number">
的价值。如何创建与元素数量相同的li元素?
例如,有人数的输入,需要创建与输入人数相同的li
个元素。
答案 0 :(得分:1)
$(document).on('click','#create',function() {
var liNum = $('#liNum').val();
if (liNum && !isNaN(liNum)) {
var ul = document.createElement('ul');
for(var i = 0;i < liNum; i++) {
var li = document.createElement('li');
li.innerHTML = "List item #" + i;
ul.appendChild(li);
}
document.body.appendChild(ul);
}
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<input id="liNum" type="number" />
<button id="create">Create list</button>