计算变量名称,将附加

时间:2017-08-23 06:45:05

标签: javascript jquery 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);
}

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

我的代码背后的想法是用div填充所有那些空盒子。 Idea behind code

部分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>

等等......

感谢您的帮助

2 个答案:

答案 0 :(得分:1)

您需要做的就是使用i

的值进行字符串连接
var $div = $('<div class="panel3" id="panel'+i+'">Box2 - 20</div>');

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

$(parentSelector).append($div);

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

panel[i] = $div;

答案 1 :(得分: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);
}

希望它有所帮助。