Javascript 为什么它要继续复制当前行I’；我在更新吗？

因此，在我发布的上一段代码中，我遇到了另一个问题：它不断复制我正在更新的当前行。用于更新行的代码很好，它保持在相同的位置，而不是在所有行的下方，但唯一的问题是它与我正在更新的当前行重复。这是我的最后一个问题，我的代码已经完成。希望你们能帮助我

函数删除（删除链接）{
$（deletelink）.tr.remove（）；
if（$（“tbody”）.find（“tr”）.length==0）{
$（“tbody”）.append（“不再记录”）；
}
返回false；
}
功能编辑（编辑链接）{
var name=$（editlink）.closest（“tr”）.find（“td.name”）.text（）；
var course=$（editlink.closest（“tr”）.find（“td.course”）.text（）；
$（“#名称”）.val（名称）；
$（“课程”）.val（课程）；
$（“#按钮”）.val（“保存”）；
}
$（文档）.ready（函数（）{
设row=null；
//删除记录
$（“.delete”）。单击（函数（）{
移除（此）；
});
//编辑记录
$（“.edit”）。单击（函数（）{
行=$（this）.closest（'tr'）；
$（'#name'）.val（row.find（'td:eq（0）'）.text（））
$（'#course'）.val（row.find（'td:eq（1）'）.text（））
编辑（本）；
});
$（“#按钮”）。单击（函数（）{
var name=$（“#name”）.val（）；
var course=$（“#course”）.val（）；
//删除“添加时无MRORE记录”
如果（$（“tbody”）.find（“tr#nomore”）.length>0）{
$（“tbody”）.html（“”）；
}
//添加记录
$（“tbody”）.append（“+name+”“+course+”）；
//更新记录
国际单项体育联合会（世界其他地区）{
行.find（'td:eq（0'））.text（$（'#name'）.val（））；
行.find（'td:eq（1）'）.text（$（'course'）.val（））；
$（'#name'）.val（''）；
$（'课程'）.val（''）；
}
//删除新更新的记录
$（“.delete”）。单击（函数（）{}）；
$（“.delete”）。单击（函数（）{
移除（此）；
});
//删除后编辑记录
$（“.edit”）。单击（函数（）{}）；
$（“.edit”）。单击（函数（）{
编辑（本）；
});
});
});

示例jQuery



名称
课程
华金
BSIT
跳跃
BSIT
埃尔桑
BSHRM
拉雷
BSIT
如果要更新记录，则无需将其添加到表中

修改代码：

//UPDATE RECORD
if (row) {
  row.find('td:eq(0)').text($('#name').val());
  row.find('td:eq(1)').text($('#course').val());
  $('#name').val('');
  $('#course').val('');
}
else
{
//ADD RECORD
    $("tbody").append("<tr><td class='name'>" + name + "</td><td class='course'>" + course + "</td><td><a href='#' class='edit'>Edit</a></td><td><a href='#' class='delete'>Delete</a></td></tr>");
 }

//更新记录
国际单项体育联合会（世界其他地区）{
行.find（'td:eq（0'））.text（$（'#name'）.val（））；
行.find（'td:eq（1）'）.text（$（'course'）.val（））；
$（'#name'）.val（''）；
$（'课程'）.val（''）；
}
其他的
{
//添加记录
$（“tbody”）.append（“+name+”“+course+”）；
}

完整代码：

//UPDATE RECORD
if (row) {
  row.find('td:eq(0)').text($('#name').val());
  row.find('td:eq(1)').text($('#course').val());
  $('#name').val('');
  $('#course').val('');
}
else
{
//ADD RECORD
    $("tbody").append("<tr><td class='name'>" + name + "</td><td class='course'>" + course + "</td><td><a href='#' class='edit'>Edit</a></td><td><a href='#' class='delete'>Delete</a></td></tr>");
 }


函数删除（删除链接）{
$（deletelink）.tr.remove（）；
if（$（“tbody”）.find（“tr”）.length==0）{
$（“tbody”）.append（“不再记录”）；
}
返回false；
}
功能编辑（编辑链接）{
var name=$（editlink）.closest（“tr”）.find（“td.name”）.text（）；
var course=$（editlink.closest（“tr”）.find（“td.course”）.text（）；
$（“#名称”）.val（名称）；
$（“课程”）.val（课程）；
$（“#按钮”）.val（“保存”）；
}
$（文档）.ready（函数（）{
设row=null；
//删除记录
$（“.delete”）。单击（函数（）{
移除（此）；
});
//编辑记录
$（“.edit”）。单击（函数（）{
行=$（this）.closest（'tr'）；
$（'#name'）.val（row.find（'td:eq（0）'）.text（））
$（'#course'）.val（row.find（'td:eq（1）'）.text（））
编辑（本）；
});
$（“#按钮”）。单击（函数（）{
var name=$（“#name”）.val（）；
var course=$（“#course”）.val（）；
//删除“添加时无MRORE记录”
如果（$（“tbody”）.find（“tr#nomore”）.length>0）{
$（“tbody”）.html（“”）；
}
//更新记录
国际单项体育联合会（世界其他地区）{
行.find（'td:eq（0'））.text（$（'#name'）.val（））；
行.find（'td:eq（1）'）.text（$（'course'）.val（））；
$（'#name'）.val（''）；
$（'课程'）.val（''）；
}
其他的
{
//添加记录
$（“tbody”）.append（“+name+”“+course+”）；
}
//删除新更新的记录
$（“.delete”）。单击（函数（）{}）；
$（“.delete”）。单击（函数（）{
移除（此）；
});
//删除后编辑记录
$（“.edit”）。单击（函数（）{}）；
$（“.edit”）。单击（函数（）{
编辑（本）；
});
});
});

示例jQuery



名称
课程
华金
BSIT
跳跃
BSIT
埃尔桑
BSHRM
拉雷
BSIT
如果要更新记录，则无需将其添加到表中

修改代码：

//UPDATE RECORD
if (row) {
  row.find('td:eq(0)').text($('#name').val());
  row.find('td:eq(1)').text($('#course').val());
  $('#name').val('');
  $('#course').val('');
}
else
{
//ADD RECORD
    $("tbody").append("<tr><td class='name'>" + name + "</td><td class='course'>" + course + "</td><td><a href='#' class='edit'>Edit</a></td><td><a href='#' class='delete'>Delete</a></td></tr>");
 }

//更新记录
国际单项体育联合会（世界其他地区）{
行.find（'td:eq（0'））.text（$（'#name'）.val（））；
行.find（'td:eq（1）'）.text（$（'course'）.val（））；
$（'#name'）.val（''）；
$（'课程'）.val（''）；
}
其他的
{
//添加记录
$（“tbody”）.append（“+name+”“+course+”）；
}

完整代码：

//UPDATE RECORD
if (row) {
  row.find('td:eq(0)').text($('#name').val());
  row.find('td:eq(1)').text($('#course').val());
  $('#name').val('');
  $('#course').val('');
}
else
{
//ADD RECORD
    $("tbody").append("<tr><td class='name'>" + name + "</td><td class='course'>" + course + "</td><td><a href='#' class='edit'>Edit</a></td><td><a href='#' class='delete'>Delete</a></td></tr>");
 }


函数删除（删除链接）{
$（deletelink）.tr.remove（）；
if（$（“tbody”）.find（“tr”）.length==0）{
$（“tbody”）.append（“不再记录”）；
}
返回false；
}
功能编辑（编辑链接）{
var name=$（editlink）.closest（“tr”）.find（“td.name”）.text（）；
var course=$（editlink.closest（“tr”）.find（“td.course”）.text（）；
$（“#名称”）.val（名称）；
$（“课程”）.val（课程）；
$（“#按钮”）.val（“保存”）；
}
$（文档）.ready（函数（）{
设row=null；
//删除记录
$（“.delete”）。单击（函数（）{
$("table").on('click','.delete',function() {
  remove(this);
});

//EDIT RECORD               
$("table").on('click','.edit',function() {
  row = $(this).closest('tr');
  $('#name').val(row.find('td:eq(0)').text())
  $('#course').val(row.find('td:eq(1)').text())
  edit(this);
});