jQuery删除（）不会删除

Question

我有一个表单，我想允许用户添加任意​​数量的字段，然后将他们给我的信息插入到数据库中。如果有任何未使用的行，可以通过单击删除文本将其删除，以便我的数据库中没有一堆空行。

我已经完成了使用jQuery添加行并将数据插入到数据库中，但我努力去除不需要的行。当jQuery运行remove（）函数时，它只是给了tr一个显示，使得用户看不到行，但它们仍然存在并在我的数据库中插入空行。有没有办法完全摆脱我的表中的整个行，以便空白的数据不能输入？

这里是我的代码：

HTML：

<table width="960px" border="0" id="entries"> 
<tr> 
    <td><b></b></td> 
    <td><b>Department</b></td> 
    <td><b>Class</b></td> 
    <td><b>Lot #</b></td> 
    <td><b>Short Description</b></td> 
</tr> 

<tr> 
    <td><b>1</b></td> 
    <td class="firstEntry"><input type="text" name="fields[]"></td> 
    <td><input type="text" name="class[]"></td> 
    <td><input type="text" name="lot[]" size="5"></td> 
    <td><input type="text" name="description[]" size="86"></td> 
    <td></td> 
</tr> 

<div id="container"> 
<p id="add_field"><a href="#"><span>Add Entries.....</span></a></p> 

的jQuery：

<script type="text/javascript"> 
var count = 0; 
$(function(){ 
    var count = 1; 
    $('p#add_field').click(function(){ 

     count +=1; 

    $('table#entries').append(
     '<tr><td><strong>' + count + '</strong></td>' + 
     '<td><input id="department_' + count + '" name="fields[]' + '" type="text" /></td>' + 
     '<td><input id="class_' + count + '" name="class[]' + '" type="text" /></td>' + 
     '<td><input id="lot_' + count + '" name="lot[]' + '" type="text" size="5"/></td>' + 
     '<td><input id="description_' + count + '" name="description[]' + '" type="text" size="86"/></td>' + 
     '<td><span class="delete">Remove</span></td></tr>'); 

    $(".delete").click(function() { 
     $(this).closest('tr').remove("slow"); 
    }); 

    }); 



}); 

Answer 1

其作品，未经 “慢”：

$(".delete").click(function() { 
     $(this).closest('tr').remove(); 
    }); 

http://jsfiddle.net/kn3eB/

的参数.remove()是一个选择。你可能会想到需要持续时间的.hide()。

Answer 2

.remove()不会将动画效果作为参数，只有选择器。也许你会用改变不透明度和显示属性的.fadeOut()来混淆它？

试试这个jsFiddle example

$(this).closest('tr').fadeOut(function() { 
    $(this).remove() 
});