css 如何让只有一个div关闭时,点击关闭按钮,在单独的div?

jv4diomz  于 2022-11-19  发布在  其他
关注(0)|答案(1)|浏览(181)

我必须改变,以便只得到单独的预览窗口关闭,而不是所有的是打开一次。有什么提示?

function displayPreview(title, content) {
  const previewContainer = document.createElement('div');
  previewContainer.classList.add('preview-container');
  previewContainer.insertAdjacentHTML('afterbegin',
    `<div class="preview-modal">
            <div class="preview-content">
                <div class="preview-title">
                    <h3>${title}</h3>
                </div>
                <div class="preview-text">
                    <p>${content}</p>
                </div>
                <div class="preview-close">
                    <button class="preview-close-button">Close</button>
                </div>
            </div>
        </div>`
  );
  document.body.appendChild(previewContainer);
  const previewCloseButton = document.querySelector('.preview-close-button');
  previewCloseButton.addEventListener('click', () => {
    previewContainer.remove();
  });
}
mpbci0fu

mpbci0fu1#

您需要将previewCloseButton的选择器查询限制在适当的范围内,而不是查询整个文档。

const previewCloseButton = previewContainer.querySelector('.preview-close-button');

相关问题