jQuery append li无法删除

Question

我正在尝试添加包含链接的列表项，当我尝试删除它们时没有任何反应。但是如果我在我的HTML中创建li项目，它们就会被删除..

我的追加代码 -

fileInput.append('<li><span>' + fileurl + '</span><a><img src="/remove-slide.png" /></a></li>');

我的删除代码 -

jQuery('li a').click(function() {
    jQuery(this).parent('li').remove();
});

当我使用与静态HTML相同的追加代码时，我可以毫无问题地删除它。但是当我使用append添加这些行时没有任何反应。 我该怎么办呢？ ：）

Answer 1

在动态添加li元素时，您需要使用事件委派：

jQuery('body').on('click','li a'function() {
     jQuery(this).parent('li').remove();
});