如何从循环jQuery创建砖石结构布局

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

$(document).ready(function() {
  // 定义数据
  var diamonds = [
    { color: "red" },
    { color: "blue" },
    { color: "green" },
    // 添加更多的砖石数据...
  ];

  // 使用循环创建元素
  $.each(diamonds, function(index, diamond) {
    // 创建砖石元素
    var $diamond = $("<div></div>").addClass("diamond");

    // 添加样式
    $diamond.css({
      "background-color": diamond.color
      // 添加其他样式...
    });

    // 插入到容器中
    $diamond.appendTo("#diamond-container");
  });
});

#diamond-container {
  display: flex;
  flex-wrap: wrap;
}

.diamond {
  width: 100px;
  height: 100px;
  transform: rotate(45deg);
  margin: 10px;
}