淡出并删除表格行

Question

我知道这个问题之前已经被问过，但我似乎遇到了与之前解决的问题不同的问题。我有一个表，我希望每一行都有一个删除链接，该链接会淡出表行，然后从 DOM 中删除表行。我的第一个问题是我无法让 jQuery fadeOut 效果在表行上工作，并且发现您必须在行的 td 元素上实际调用 fadeOut。所以，这是我的 jJavascript：

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

    return false;
});

span 元素位于 td 内，因此当单击它时我会找到最接近的 tr 元素，然后将 fadeOut 函数放在其每个 td 元素上。这很好用。

问题在于，在回调函数中，“this”实际上引用的是 window 元素，而不是隐藏的单个 td 元素。根据我的理解，“this”应该引用淡出的元素。

有什么想法吗？

Answer 1

获取“this”引用并将其传递：

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

    return false;
});

Answer 2

我认为这就是您正在寻找的：

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

编辑：我认为 Opatut 是正确的，如他的 jsFiddle。