jquery - 生成具有特定类的一组 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 数量 :)