FadeOut et de Supprimer la Ligne de la Table

Je sais que cette question a été posée mais je semble avoir un problème différent que ce qui a été abordé avant. J'ai un tableau et je voudrais que chaque rangée d'avoir un lien de suppression qui s'estompe la ligne du tableau, puis supprime la ligne de la table de la DOM. Mon premier problème était que je ne pouvais pas obtenir le jQuery fadeOut effet de travailler sur les lignes de la table et a constaté que vous avez fait appel fadeOut sur la ligne de td éléments. Donc, voici mon jJavascript:

$('span.deleteItem').live('click', function() {  
    $(this).closest('tr').find('td').fadeOut('fast', 
        function(){ 
            $(this).parents('tr:first').remove();                    
        });    

    return false;
});

L'élément span vit à l'intérieur d'un td alors j'ai trouver le plus proche de l'élément tr lorsqu'il est cliqué, puis en automne, les fadeOut fonction sur chacun de ses éléments td. Cela fonctionne très bien.

Le problème est que dans la fonction de rappel, " il " est en fait le référencement de l'élément de fenêtre non de la personne td élément qui a été caché. De ma compréhension de " ce " a été censé pour faire référence à l'élément qui a disparu.

Des idées?

jsfiddle.net/TBMnZ Fonctionne très bien pour moi...

OriginalL'auteur Nick Olsen | 2011-08-29