,用jq循环一个列表数据,渲染很多个盒子

可以使用 jq 的 each() 方法来循环列表数据，然后使用 append() 方法向页面中添加盒子元素。示例代码如下：

HTML 代码：

<div id="box-container"></div>

CSS 代码：

.box {
  width: 100px;
  height: 100px;
  background-color: #ccc;
  margin: 10px;
  float: left;
}

JavaScript 代码：

var data = [
  { title: '盒子1', content: '我是盒子1的内容' },
  { title: '盒子2', content: '我是盒子2的内容' },
  { title: '盒子3', content: '我是盒子3的内容' },
  // ...更多数据
];

$(document).ready(function() {
  var $container = $('#box-container');
  $.each(data, function(index, item) {
    var $box = $('<div class="box"><h3>'+ item.title +'</h3><p>'+ item.content +'</p></div>');
    $container.append($box);
  });
});

这段代码会将 data 数组中的每个对象渲染成一个盒子元素，并添加到 id 为 box-container 的容器中。你可以根据需要修改盒子的样式和数据结构。