jQuery + <a> tag

Question

J'ai créé une mise à jour de statut de style Facebook/Twitter où le nouveau statut 'est ajouté à une liste non ordonnée. Je veux maintenant ajouter une fonction "REMOVE", cependant, je ne suis pas sûr de la meilleure façon d'y parvenir.

1. Dans mon article de la liste, créer mon [a] balise avec l'ID unique de l'ID de poste d'état et définir une classe d'auditeur
2. Demandez jQuery écouter [a] tags avec la classe auditeur
3. POST l'ID sur le script PHP pour supprimer le message; si le retour réussi avec « ok » ou si le retour a échoué avec « échec »
4. Dans la fonction de rappel, si elle est OK, puis trouver l'élément et le retirer

Answer 1

HTML:

<li id="id-1234"> 
    Some text 
    <a href="#" class="remove_li">Remove</a> 
</li> 

Javascript :

$(document).ready(){ 
    $('.remove_li').live('click', function(){ 
     var id = $(this).parent().attr('id').substring(3); 
     var that = this; 
     $.post('url.php', {id: id}, function(data, status){ 
      if(status == 'success'){ 
       $(that).parent().remove(); 
      } else { 
       alert("Couldn't delete"); 
      } 
     }); 
    }); 
}