Question

我正在根据用户输入从for循环创建<div>。因此，如果用户输入10，我想创建10 <div>个文字：ITEM 1，ITEM 2，ITEM 3等。

var select = $('#dropoptions').val();
var number = $('input').val(); 
$('.result').remove();
for (var i = 0; i < number; i++) {
  container.innerHTML += `<div class="result">ITEM ${select}</div>`; 
}

如何在创建的<div>的订单中添加数字？

Answer 1

只需在for循环中将i添加到字符串中，例如'<div class="result">ITEM' + i + '</div>'

var select = $('#dropoptions').val();
var number = $('input').val(); 
$('.result').remove();
for (var i = 0; i < number; i++) {
  container.innerHTML += '<div class="result">ITEM' + (i + 1) + '</div>'; 
}

Answer 2

这是一个工作示例。您需要进行2次更改：

将${select}更改为（i + 1）
(i+1)因为它应该从1开始而不是0

＆＃13;

container = document.getElementById('container');
var number = 10;
for (var i = 0; i < number; i++) {
  container.innerHTML += '<div class="result">ITEM' + (i + 1) + '</div>';
}

＆＃13;

<div id='container'></div>

＆＃13;

使用数字创建for循环中的div

2 个答案: