$(this).parent().remove() 不起作用

Question

尽管这是一个重复的问题 "事件处理程序不适用于动态内容" ，即使在遵循那里给出的答案后，我也遇到了同样的问题。请帮忙....

    userinfo.topics.forEach(ele=>{
            $("#topics_subscribed").append(`<li class="list-group-item col-4">${ele} &nbsp;<i style="color:red;font-size:.7em;" class="removeitem fa fa-times"/></li>`) ;
        });

    $(document).on('click', '.removeitem', ()=> {
        console.log('clicked') ; 
        $(this).parent().remove() ; 
    });

请在将其标记为重复之前回答为什么会发生这种情况。如何解决这个问题？(我会在回答问题后立即删除...

Answer 1

这是因为您使用的是没有显式this的箭头函数

更改为：

$(document).on('click', '.removeitem', function(){
    console.log('clicked') ; 
    $(this).parent().remove() ; 
});