Question

我正在尝试从包含表单的表中删除表行（tr）。我正在使用此功能来完成它。

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

fadeTo工作正常，但当它去除行时，它会进入remove函数，进入无限循环“无法删除未定义”。

也许这只是我犯的一些愚蠢的错误，但我认为如果它可以淡化整行，它应该能够删除相同的东西。

任何帮助都会很棒：）

编辑：这是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>

Answer 1

试试这个：

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

删除表行不起作用

1 个答案: