计算变量名称，将附加

Question

我的网络项目遇到了一些问题。 我正在寻找一个解决方案，我可以在一个循环中向上计算我的变量。 所以变量的名称将如下所示：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);
}

所以＆＃34;面板[i]＆＃34;在底部应该为每个循环获得更高的数字。 我看了很长时间才找到解决方案，但没有任何效果。

我的代码背后的想法是用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

您需要做的就是使用i

的值进行字符串连接

var $div = $('<div class="panel3" id="panel'+i+'">Box2 - 20</div>');

而且在下面你也不需要数组。只需使用父容器标识

$(parentSelector).append($div);

如果您需要数组中的所有html

panel[i] = $div;

Answer 2

如果您的面板名称是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);
}

希望它有所帮助。