javascript - JavaScript 中的点击事件

Question

我正在动态构建图像列表。我想要发生的是，当用户单击关闭文本(在我的 DIV 元素内)时，代码将删除该特定图像(列表元素)。下面的代码执行第一次选择 DIV 的操作。之后，它似乎忽略了我的 div 事件监听器并直接跳转到 jquery on click 函数。

函数removeItem(){

var test = document.querySelector('li > div').addEventListener('click', function(){
    $(document).on('click', 'li', function () {
        var photoId = (this.id);
        $("#"+photoId).remove();
    });
});

我怎样才能使它在选择 DIV 时始终运行而不是第一次运行？

我刚开始学习 JavaScript，所以非常感谢您的帮助!

Answer 1

当用户点击 DIV 时，您不会删除任何内容，只是在所有 LI 上添加一个新的点击监听器> 删除该LI。然后用户需要再次单击以触发第二个处理程序。它应该简单地是:

$(document).on('click', 'li > div', function() {
    $(this).parent().remove();
});

顺便说一句，写起来没有意义

    var photoId = (this.id);
    $("#"+photoId).remove();

这只是$(this).remove()。当您已经拥有对元素本身的引用时，为什么还要搜索 ID？