这篇文章给大家分享的是一个用Jquery实现动态添加和删除tr行的小例子

下面是实现的样子,当然没有样式:

ce53a77e5aa6bcd639522117918f74e2.png

点击添加按钮可以添加一行:

b3b8d61378a7a9619803c9349111780f.png

点击删除可以删除本行:

12578a6cd24d509a61a21dbe932b4b12.png

基本功能是这样,下面是代码:

选择图片 图片名称 描述 操作
删除

添加

function addCurrentRow()

{

var trcomp="

删除";

$("#allDatas tr:last-child").after(trcomp);

}

function deleteCurrentRow(obj)

{

var isDelete=confirm("真的要删除吗?");

if(isDelete)

{

var tr=obj.parentNode.parentNode;

var tbody=tr.parentNode;

tbody.removeChild(tr);

}

}

总结

以上就是jQuery动态添加与删除tr行的全部内容,希望本文的内容对大家的学习或者工作能有所帮助,如果有疑问大家可以留言交流。

Logo

魔乐社区(Modelers.cn) 是一个中立、公益的人工智能社区,提供人工智能工具、模型、数据的托管、展示与应用协同服务,为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作,由全产业链共同建设、共同运营、共同享有,推动国产AI生态繁荣发展。

更多推荐