如何实现点击两张图片中任意一张，即可同时移除两个目标DOM元素？

问题原因 #

你当前的代码逻辑中，点击事件的回调函数仅执行了this.remove()，其中this指向当前触发点击事件的单个元素，因此每次点击只会删除被点击的那一个元素，需要两次点击才能删完两个目标。

修正方案 #

只需要修改点击事件的回调逻辑，触发点击时遍历你已经选中的所有目标元素，逐个移除即可，修正后的JS代码如下：

const clickToPlay = document.querySelectorAll('.one, .two');

clickToPlay.forEach((img) => {
  img.addEventListener("click", function () {
    // 遍历所有匹配的目标元素，同时移除
    clickToPlay.forEach(target => target.remove());
  });
});

修改完成后，任意点击.one（图片）或.two（播放按钮）元素，都会一次性将两个元素同时移除，符合需求。

内容的提问来源于stack exchange，提问作者Millhorn