Javascript 动态添加/删除html元素数组结构

我正在使用

jQuery

和

JavaScript

添加/删除

HTML

元素。在这种情况下，我删除特定的html元素

以下代码

$（文档）.ready（函数（）{
var i=1；
$（“#plus”）。单击（函数（）{
i++；
$（'#editrow'）。追加（“+”+i+”）+
"" +
"" +
"" +
"" +
"-");
});
});
函数delrow（num）{
var-element=document.getElementById（“rownum_u3;”+num）；
element.parentNode.removeChild（元素）；
}

#
中央信息区
紫胶
跨国公司
MCC
+
1.
-

我认为处理表的插入和更新的最佳方法是保留一个单独的函数

resetRowIndex

，将行号分配给每个

tr

，而不必担心插入或删除时的索引。每次插入或删除后都可以调用函数

resetRowIndex

，以重置每条记录的索引

$（文档）.ready（函数（）{
resetRowIndex（）；
$（“#plus”）。单击（函数（）{
var i=0；
$（'#editrow'）。追加（“+”+i+”）+
"" +
"" +
"" +
"" +
“删除”）；
resetRowIndex（）；
});
});
函数delrow（事件）{
var元素=$（event.target）.closest（“tr”）；
元素。移除（）；
resetRowIndex（）；
}
函数resetRowIndex（）{
var-idx=0；
$（“#editrow tr”）。每个（函数（）{
$（this.find（“td”）.first（）.text（$（this.index（）+1）；
});
}

#
中央信息区
紫胶
跨国公司
MCC
添加
1.
去除

值得一提的是，jQuery是用JavaScript编写的。这是通知服务器端元素已删除还是什么？重新加载页面后会发生什么？order server将如何呈现此内容？我认为删除后重构dom元素是最好的方法。只需循环0或1中的其余元素并设置ID属性。但sir它工作不正常…测试表明我添加了多行，并输入了一些数据，在删除该行后，无法删除该行。。。。！但另一行是delete…@mak，在我的答案中的片段中，它现在应该可以正常工作了。删除行时，我没有注意到您指的是号码。相反，我现在更新了它，使用

event.target

引用回单击的元素，然后您可以使用：

$（event.target）.closest（'tr'）.remove（）删除相关的
tr
。