使用Jquery动态创建具有关闭div功能的按钮的div

<script src="https://cdn.jsdelivr.net/jquery/3.6.0/jquery.min.js"></script>

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

$(document).ready(function() {
  // 创建包含关闭按钮的div
  var closeButtonDiv = $('<div>').addClass('close-button-div');
  // 创建关闭按钮
  var closeButton = $('<button>').addClass('close-button').text('关闭');
  // 将关闭按钮添加到关闭按钮的div中
  closeButtonDiv.append(closeButton);
  // 将关闭按钮的div添加到容器中
  $('#container').append(closeButtonDiv);
});

$(document).on('click', '.close-button', function() {
  // 关闭按钮点击事件处理逻辑
  $(this).closest('.close-button-div').remove(); // 移除包含关闭按钮的div
});