jQuery: Suppression de l'élément DOM chargé via ajax

Question

J'utilise jQuery pour charger du contenu ajax sur une page. Cependant, essayer d'utiliser la fonction .remove() de jQuery ne semble pas fonctionner pour supprimer l'élément chargé dynamiquement.

Mon exemple fonction:

function deletePerson(personID){ 
    if (confirm("Are you sure you want to permanently delete this person?\nYou cannot undo this action.")){ 
     $.post("ajax/personsDelete.php", { personNo: personID }, 
      function(data){ 
       $('#person' + personID).remove(); 
       alert("Response: " + data); 
      }); 
    } 
} 

Comment puis-je supprimer des éléments chargés dynamiquement avec jQuery?

Answer 1

Modifier le contexte du sélecteur de regarder la réponse, en ajoutant ,data:

function deletePerson(personID){ 
    if (confirm("Are you sure you want to permanently delete this person?\nYou cannot undo this action.")){ 
     $.post("ajax/personsDelete.php", { personNo: personID }, 
      function(data){ 
       $('#person' + personID, data).remove(); 
       alert("Response: " + data); 
      }); 
    } 
} 

Comme il n'est pas ajouté au document encore, le sélecteur par défaut vous invoquer ne le trouvera pas: Est le même que $('#person' + personID, document)