Javascript 使用jquery删除表行

我不能完全让这个javascript工作——它已经被问了一百万次了，我已经看了很多不同的例子，但是…没有用

代码如下：

// modifed from http://stackoverflow.com/a/6520723/2128691

var count = 1;
var goal = 0;

$(function() {
    $('#add_goal').click(function() {
        addGoal();
    });
});

$(function() {
    $('#remove_goal').click(function() {
        removeGoal();
    });
});


function addGoal()
{
    $('#goal_form').append('<tr></tr>');
    $('#goal_form').append('<td class="goal_field fields"><input id="goal_goal" name="goal[goal]" placeholder="Students should..." size="30" type="text" /></td>');
    count++;
}

function removeGoal() 
{
    $('tr').remove();
    count--;
}

//从http://stackoverflow.com/a/6520723/2128691
var计数=1；
var目标=0；
$（函数（）{
$（“#添加目标”）。单击（函数（）{
addGoal（）；
});
});
$（函数（）{
$（“#删除目标”）。单击（函数（）{
removeGoal（）；
});
});
函数addGoal（）
{
$（“#目标形式”）。附加（“”）；
$（“#目标形式”）。附加（“”）；
计数++；
}
函数removeGoal（）
{
$（'tr'）.remove（）；
计数--；
}

它非常接近工作状态，所以我认为这只是一个小问题——我可以根据需要添加任意多的字段，也可以删除一行，但只能删除一次。删除目标一次后，再次单击链接不会产生任何效果（尽管“添加”仍然有效）。

此行：

$('tr').remove();

将删除所有行

而且，这些行没有意义

$('#goal_form').append('<tr></tr>');
$('#goal_form').
   append('<td class="goal_field fields"><input id="goal_goal" name="goal[goal]" placeholder="Students should..." size="30" type="text" /></td>');

$（'goal#u form'）。追加（''）；
$（“#目标形式”）。
附加（“”）；

您没有在tr中附加td

#目标(form

是表格吗？如果没有，您就不能将一个表行附加到它

---

在以下答案的帮助下使其正常工作：

---

添加$（'tr'，this.remove（）<代码>#目标形式是一个表格。我更改了代码，使其成为一行，谢谢。@dax你的意思是你把td放在tr内了吗？是的，它工作了，我在下面添加了一个答案。谢谢你的帮助！

function removeGoal() 
{
    $('#goal_form tr:last').remove();
    count--;
}