Supprimer l'élément DOM Erreur

Question

En utilisant ce code, je dois supprimer le nouvel élément généré. Ça ne marche pas. Aucune erreur JS n'apparaît dans firebug.

$('.popular-list li a').live("click",function() //this will apply to all anchor tags 
      { 
        var stuff = $(this).text(); 
          var hasDuplicate = false; 

      $('#favoritesdrinks li').each(function(){ 
      if ($(this).text() === stuff){ 
       hasDuplicate = true; 
       return false; 
      } 
     }); 

     if (hasDuplicate) { 
      alert("Already Added") } 
     else {   
      $('#favoritesdrinks').append('<li>'+stuff+' --- <a href="javascript:;" class="remove">Remove Item </a> </li>'); 
     } 
    }); 

Removal: 

    $("a.remove").click(function() { 
    $(this).fadeOut(500, function() { $(this).remove(); }); 
    }); 

Answer 1

Vous devez utiliser l'événement .live pour les points d'ancrage avec remove classe . De plus, le contexte de ce sera l'ancre à l'intérieur du à fadeOut & retirer le li

$('.popular-list li a').live("click",function() { 
    var stuff = $(this).text(); 
    var hasDuplicate = false; 

    $('#favoritesdrinks li').each(function(){ 
     if ($(this).text() === stuff){ 
      hasDuplicate = true; 
      return false; 
     } 
    }); 

    if (hasDuplicate) { 
     alert("Already Added") } 
    else {   
     $('#favoritesdrinks').append('<li>'+stuff+' --- <a href="#" class="remove">Remove Item </a> </li>'); 
    } 

    }); 

    $("a.remove").live('click', function(ev) { 
    ev.preventDefault(); 
    $(this).parent().fadeOut(500, function(ev) { 
     $(this).remove(); 
    }); 
    }); 

Answer 2

$("a.remove").click(function() { $(this).fadeOut(500, function() { $(this).remove(); }); }); 

Cette ligne va démonter le lien, pas l'étiquette LI parce que vous utilisez $ (this)