可以在i html标记点击事件中显示警报

Question

我正在尝试用PHP，CSS和JavaScript制作照片上传器。当我选择我应该从多个文件选择器上传的照片时，我会显示它们，我尝试显示每个图像，其中的一个红色图标由Font-awesome提供的<i>标签元素说明。

<li><i class="fa fa-times fa-2x close_photo" style="color: red" id="delete"></i><img src=""></li>

这是一张图片来说明情况：

问题是当我试图点击此元素删除图片时，我的行动后没有任何反应。我尝试了很多javascript解决方案：

$('#delete').on('click',function(){
    alert('OK');
});

$('#delete').click(function(){
    alert('OK');
});

$(this).trigger('click',function(){
   alert('OK');
});

所以任何人都可以提供帮助。

Answer 1

您可能需要事件委派。尝试以下。

$('body').on('click', '#delete',function(){
    alert('OK');
});

Answer 2

我认为问题在于id。对于每个<i>标记，该ID应该是唯一的。在这个问题中，我认为您应该使用类选择相应的<i>标记。

$("li").each(function(){
      $(this).hide();
  });