字体真棒，当我单击字体时，ptoperly无法正常工作

Question

当我单击“ x”时，它不起作用，仅当我在外部单击时才起作用（id #close的填充为3px）。 我尝试通过将#id分配给i标签来尝试，它甚至没有触发事件。 我该怎么办，以使点击事件关闭时#id内部的所有内容都会触发。

html

 <span id="close"><i class="fa fa-times-circle"></i></span>

js

 $('#close').click(function(event){
        if(event.target.id=='close'){
            $(this).parent().parent().remove();
            $(this).remove();
       }
  });

Answer 1

为什么要使用这种条件？

 if(event.target.id=='close')

我创建了这个JSFiddle，它可以工作： JSFiddle

Answer 2

您的代码无法正常运行，因为event.target.id并非每次都close 。 这是一个JSFiddle来说明问题。

您要做的只是在#close上处理click事件。 请注意， $(this) 始终是当前选择器：

$("#close").click(function(event) {
    var $topParent = $(this).parent().parent();

    $(this).remove();
    $topParent.remove();
});