javascript - 计数变量名称，将被追加

Question

我的 Web 项目遇到了一些问题。我正在寻找一种解决方案，如何在循环中向上计算我的变量。这样变量的名称将如下所示:panel1、panel2、panel3...

那是我的代码

var panel = []
for(i=1; i<3; i++){
var $div = $('<div class="panel3" id="panel3">Box2 - 20</div>');
$('.panel[i]').append($div);
}

所以底部的“panel[i]”应该在每个循环中得到一个更大的数字。我一直在寻找解决方案，但没有任何效果。

我的代码背后的想法是用一个 div 填充所有这些空框。

一些 HTML

  <div class="panel-body">
  <!-- Reihe 1 -->
    <div class="row">
        <div class="col-md-2">
            <div class="panel1">
            </div>
        </div>
        <div class="col-md-2">
          <div class="panel2">
          </div>
        </div>

等等……

感谢帮助

Answer 1

如果您的面板名称是 panel1、panel2、panel3 等等，那么您不能使用此 $('.panel[i]')。而不是那样做，

for(i=1; i<3; i++){
  var div = $('<div class="panel3">Box2 - 20</div>');
  var panelClass = '.panel'+i;
  $(panelClass).append(div);
}

希望对您有所帮助。