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来说明问题。

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

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

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

字体很棒的按钮，当我点击字体它不起作用

2 个答案: