jq如何生成循环嵌套的div元素

你可以使用 jq 的循环和嵌套语法来生成循环嵌套的 div 元素，例如：

var outerDivs = '';

for (var i = 0; i < 5; i++) {
  var innerDivs = '';

  for (var j = 0; j < 3; j++) {
    innerDivs += '<div class="inner"></div>';
  }

  outerDivs += '<div class="outer">' + innerDivs + '</div>';
}

$('body').append(outerDivs);

这段代码将生成 5 个外层的 div 元素，每个外层元素包含 3 个内层的 div 元素，最终结果如下：

<div class="outer">
  <div class="inner"></div>
  <div class="inner"></div>
  <div class="inner"></div>
</div>
<div class="outer">
  <div class="inner"></div>
  <div class="inner"></div>
  <div class="inner"></div>
</div>
<div class="outer">
  <div class="inner"></div>
  <div class="inner"></div>
  <div class="inner"></div>
</div>
<div class="outer">
  <div class="inner"></div>
  <div class="inner"></div>
  <div class="inner"></div>
</div>
<div class="outer">
  <div class="inner"></div>
  <div class="inner"></div>
  <div class="inner"></div>
</div>