通过数组创建多个模态

// 模态框配置信息数组
var modals = [
  {
    title: "模态框1",
    content: "这是模态框1的内容",
    button: "关闭"
  },
  {
    title: "模态框2",
    content: "这是模态框2的内容",
    button: "关闭"
  },
  // 可以继续添加更多的模态框配置信息
];

// 动态创建模态框
modals.forEach(function(modal) {
  var modalElement = $("<div>").addClass("modal");
  var modalTitle = $("<h2>").text(modal.title);
  var modalContent = $("<p>").text(modal.content);
  var modalButton = $("<button>").text(modal.button);

  modalElement.append(modalTitle, modalContent, modalButton);
  $("body").append(modalElement);

  // 添加事件处理函数
  modalButton.on("click", function() {
    modalElement.hide();
  });
});