jquery中如何添加行与删除行数
发布网友
发布时间：2022-04-23 18:57
共3个回答
懂视网
时间：2022-04-20 11:43
应用场景：
多值排序、分类排序等操作
此代码是经过实践后，实现方法简洁，而且不会丢失（js添加一行人工填入的Input值）input值
依赖Jquery，不依赖其它扩展
Javascript代码
实现效果
热心网友
时间：2022-04-20 08:51
定义方法，通过tr的数量给序号列赋值，然后在添加或删除行的时候，调用改方法即可
function Add() {var index = $('#tb tr').length + 1;
$('#tb').append("<tr id='tr" + index + "'><td>" + index + "</td><td><input type='button' value=' - ' onclick='Del(" + index + ")'/></td></tr>");
}
function Del(index) {
$('#tr' + index).remove();
SetIndex();
}
function SetIndex() {
$.each($('#tb tr'), function (index, val) {
$(this).find('td').eq(0).html(index + 1);
})
}
<table id="tab">
<thead>
<tr><th>序号</th><th>删除</th></tr>
</thead>
<tbody id="tb"></tbody>
</table>
追问按照你上面的代码($('#tr' + index).remove();),没看见id = "tr"啊,还是你写错了?本来是id = "tb"
追答在动态添加行的时候，不是写了吗， 在$('#tb').append()方法中
tb是tbody元素，tr+index是每行的tr元素
热心网友
时间：2022-04-20 10:09
追答恩，好的，方便交流
654994724@qq.com
