JQuery删除动态表上的行

JQuery删除动态表上的行,jquery,html,html-table,dynamic-tables,Jquery,Html,Html Table,Dynamic Tables,我正在创建一个注册页面,用户可以在其中注册其他几个人。我这样做是为了只有当用户选择某个选项时,表才会显示。我还添加了add按钮,这样可以很好地添加行。问题是,当我添加删除按钮的功能时,一切都会中断。这是我的html: <div id="add_table" style="display:none;" > <button type="button" id="AddLine">Add Line</button> <table border="

我正在创建一个注册页面,用户可以在其中注册其他几个人。我这样做是为了只有当用户选择某个选项时,表才会显示。我还添加了add按钮,这样可以很好地添加行。问题是,当我添加删除按钮的功能时,一切都会中断。这是我的html:

<div id="add_table" style="display:none;" >
    <button type="button" id="AddLine">Add Line</button>
    <table border="1px" id="table">
        <tr>
            <td>First Name</td>
            <td>Last Name</td>
            <td>Phone</td>
            <td>Email</td>
            <td>Ethnicity</td>
        </tr>
        <tr>
            <td><input type=text /></td>
            <td><input type=text /></td>
            <td><input type=text /></td>
            <td><input type=text /></td>
            <td><input type=text /></td>
            <td><button type="button">delete</button></td>
        </tr>
    </table>​
</div>

添加行
名字
姓
电话
电子邮件
种族渊源
删除
​
下面是我的jquery代码:

$(document).ready(function(e) { 
    $("input[name= 'Reg_num_r']").change( function () {
        if($(this).val()==1) {
            $("#add_table").hide();
        } else {
            $("#add_table").show();
        }
    });

    /*$("#table").on("click", "button", function() {
       $(this).closest("tr").remove(); 
    });​*/

    $("#AddLine").click(function () {
        var row = "<tr><td><input type=text /></td><td><input type=text /></td><td><input type=text /></td><td>                   <input type=text /></td><td><input type=text /></td><td><button type=button>delete</button></td></tr>";
        $("#table").append(row);
    });
});
$(文档).ready(函数(e){
$(“输入[name='Reg\u num\u r']”)。更改(函数(){
if($(this).val()==1){
$(“#添加#表”).hide();
}否则{
$(“#添加#表”).show();
}
});
/*$(“#表”)。在(“单击”,“按钮”,函数()上){
$(this).tr.remove();
});​*/
$(“#添加行”)。单击(函数(){
var row=“删除”;
$(“#表”)。追加(行);
});
});
现在,当我取消注释上面的注释代码时,一切都停止工作。即使用户选择了正确的选项,表也不会显示。我应该如何修复它以使其正确执行删除行操作

Ctrl+CCtrl+V来自您的代码:

/*$("#table").on("click", "button", function() {
    $(this).closest("tr").remove(); 
});​*/
最后一个分号后有一个0宽度的空格,单击“编辑”并使用箭头键查看它。它在JavaScript中是非法字符,并生成语法错误

这是从JSFIDLE和其他地方复制代码时的常见问题

我建议手头有一份的副本来查看代码,默认情况下,它会将那些不可见的字符显示为


您也可以取消对代码的注释并在中进行测试,它会告诉您哪一行有无效字符。

Hmm,我看不出问题所在。您使用的jQuery版本是什么<在1.7中引入了“上的代码”。这太奇怪了。。。注释后的代码似乎还可以。您使用的是哪个版本的jQuery?您是否记得删除评论的开头和结尾?您的评论中是否有任何错误console@AndrewWhitaker是的,我知道,我也试过同样的方法,这就是我为什么在这里发帖的原因。我很困惑,它是如何在小提琴中工作的,而不是在实践中。@aziz.punjani我如何在控制台中检查。firefox和firebug就是这样吗?