移除指定的tr行ajax代码,jQuery动态添加与删除tr行实例代码
这篇文章给大家分享的是一个用Jquery实现动态添加和删除tr行的小例子下面是实现的样子,当然没有样式:点击添加按钮可以添加一行:点击删除可以删除本行:基本功能是这样,下面是代码:选择图片图片名称描述操作 删除 添加function addCurrentRow(){var trcomp="删除";$("#allDatas tr:last-child").after(trcomp);}functio
这篇文章给大家分享的是一个用Jquery实现动态添加和删除tr行的小例子
下面是实现的样子,当然没有样式:

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

点击删除可以删除本行:

基本功能是这样,下面是代码:
| 选择图片 | 图片名称 | 描述 | 操作 |
|---|---|---|---|
| 删除 |
添加
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行的全部内容,希望本文的内容对大家的学习或者工作能有所帮助,如果有疑问大家可以留言交流。
魔乐社区(Modelers.cn) 是一个中立、公益的人工智能社区,提供人工智能工具、模型、数据的托管、展示与应用协同服务,为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作,由全产业链共同建设、共同运营、共同享有,推动国产AI生态繁荣发展。
更多推荐


所有评论(0)