刪除表格行不起作用

我試圖從裏面的表格中刪除表格行（tr）。我正在使用這個功能來做到這一點。刪除表格行不起作用

$('.removeStop').click(function() { 
    $(this).closest('tr').fadeTo(400, 0, function() { 
     $(this).remove(); 
    }); 
    return false; 
});

的fadeTo工作正常，但是當它以刪除該行，它進入了刪除功能，它進入一個無限循環「無法刪除未定義」。

也許這只是我犯的一個愚蠢的錯誤，但我會認爲如果它可以淡化整行，它應該能夠刪除相同的東西。

任何幫助將是巨大的:)

編輯：這裏是HTML：

<tr align="left"> 
       <td width="100">School: </td> 
       <td> 
        <select name="stops[school][0][studentid]" class="combobox" style="display: none; "> 
        <option value="">Select a school...</option> 
        <option value="1" selected="selected">Hogwarts School of Wizardry</option><option value="2">Itchy and Scratchy Land</option><option value="3">Springfield Elementary</option>      </select><input class="ui-autocomplete-input ui-widget ui-widget-content ui-corner-left ui-corner-right inputCustom" autocomplete="off" role="textbox" aria-autocomplete="list" aria-haspopup="true"> 
       </td> 
       <td width="70"></td> 
       <td width="100">Time (24hr): </td> 
            <td><input class="ui-widget ui-widget-content ui-corner-left ui-corner-right inputCustom" value="15" name="stops[school][0][hr]" style="width:50px;" type="text"> <input class="ui-widget ui-widget-content ui-corner-left ui-corner-right inputCustom" value="01" name="stops[school][0][min]" style="width:50px;" type="text"></td> 
       <td><a href="#" class="removeStop">Remove</a></td> 
      </tr>

來源

2011-08-20 adamzwakk

它在這裏工作。 http://jsfiddle.net/d2Ccr/2/ – PeeHaa

你能向我們展示html代碼嗎？ –

對不起，有HTML :) – adamzwakk

試試這個：

$('.removeStop').click(function(e) { 
    e.preventDefault(); 
    $(this).closest('tr').fadeOut(400, function() { 
     $(this).remove(); 
    }); 
});

來源

2011-08-20 16:38:03 Shef

這會刪除該行，但由於某種原因，它仍會進入未定義的循環中......刪除後。 – adamzwakk

@adamzwakk：什麼是未定義的循環？你的意思是無限循環？你有其他一些代碼，它與'tr'元素交互嗎？ – Shef

是的無限循環。「不能調用'刪除'未定義的方法」我有一個鏈接來添加行，但就是這樣。 – adamzwakk

刪除表格行不起作用

回答

相關問題