我无法完全让这个 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--;
}
它非常接近工作,所以我认为这一定只是一个小问题 - 我可以添加所需数量的字段,并且我可以删除一行,但只能删除一次。删除目标一次后,再次单击链接不会执行任何操作(尽管“添加”仍然有效)。
最佳答案
这一行:
$('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>');
- 您没有将 td 附加到 tr 内。
#goal_form
是一个表格吗?如果不是,您不能只向其附加表格行。
关于javascript - 使用jquery删除表行,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18359139/