Ausblenden und Entfernen von Tabellenzeilen

Ich weiß, diese Frage wurde vorhin gefragt, aber ich scheine ein anderes problem als gelöst vor. Ich habe eine Tabelle und ich möchte jede Zeile einen link löschen, der blendet die Tabellen-Zeile aus und entfernt dann die Zeile in der Tabelle aus der DOM. Mein erstes problem war, dass ich konnte nicht die jQuery fadeOut-Effekt funktioniert auf der Tabelle Zeilen und fand, dass Sie wirklich zu nennen fadeOut auf die Reihe, td-Elementen. So, hier ist mein jJavascript:

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

    return false;
});

Das span-element Leben in einem td so finde ich die nächsten tr-element, wenn es angeklickt wird, und dann fallen die fadeOut-Funktion auf allen td-Elementen. Das funktioniert großartig.

Das problem ist, dass in der callback-Funktion, 'dieses' ist eigentlich die Referenzierung der Fenster-element, nicht die einzelnen td-element wurde ausgeblendet. Von meinem Verständnis 'dieser' sollte um das element zu referenzieren, die ausgeblendet wurde.

Irgendwelche Ideen?

InformationsquelleAutor Nick Olsen | 2011-08-29
  1. 14

    Greifen die "this" - Referenz-und pass auf:

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

    return false;
});
    InformationsquelleAutor Diodeus - James MacFarlane
  2. 5

    Ich denke, das ist, was du suchst:

    $('span.deleteItem').live('click', function() { 
    var tableRow = $(this).closest('tr');
    tableRow.find('td').fadeOut('fast', 
        function(){ 
            tableRow.remove();                    
        }
    );
});

    EDIT: ich denke Opatut Recht ist, als show in seinen jsFiddle.

    InformationsquelleAutor Struikel
Schreibe einen Kommentar