Font génial comme un bouton, quand je clique sur la police ça ne marche pas ptoperly

Question

Quand je clique sur le 'x' ça ne marche pas, ça marche seulement quand je clique dehors (l'id #close a un remplissage de 3px) . J'ai essayé en assignant #id à l'étiquette i, il n'a même pas déclenché un événement. Que puis-je faire pour que tout ce qui se trouve à l'intérieur du #id se ferme lorsque l'événement click sera déclenché.

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

Votre code ne fonctionne pas comme prévu, car event.target.id n'est pas close chaque fois. Voici un JSFiddle pour illustrer le problème.

Ce que vous voulez faire est simplement de gérer l'événement click sur . Notez que $(this) est toujours le sélecteur courant:

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

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

Answer 2

Pourquoi utiliser cette condition?

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

J'ai créé ce jsFiddle et il fonctionne: JSFiddle