生成一定数量的具有特定类的div

Question

我要做的是创建一些看起来像一组音乐可视化工具栏的东西。我已经看到了外观和动画，但我需要可视化器有几十个条形图。我认为使用jQuery比手动创建div更容易 - 更具语义性。

如何创建一个jQuery脚本，该脚本生成一组具有特定类（条形类）的div，并将它们插入另一个div中？

Answer 1

使用for循环：

$(document).ready(function() {
  var nrOfDivs = 12 // for example
  for (i=0;i<nrOfDivs;i++) {
    $('#divToAppendTo').append('<div class="music_visualizer_bar"></div>');
  };

});

只需将nrOfDivs更改为您需要的div数量：）