table动态添加删除一行

最新推荐文章于 2024-03-27 17:43:55 发布

码农小虾

最新推荐文章于 2024-03-27 17:43:55 发布

阅读量845

点赞数

分类专栏：前端框架

本文链接：https://blog.youkuaiyun.com/qq_35392549/article/details/79407686

版权

前端框架专栏收录该内容

11 篇文章

订阅专栏

本文介绍了一种使用JavaScript操作DOM的方法，通过两个函数实现页面元素的动态添加和删除。add函数接受参数id、对象及列表名称，在指定位置插入带有删除按钮的新元素；del函数用于移除指定的对象。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

function del(obj) {
		$(obj).remove();
}
function add(id,obj,listname) {
	var nameVal = obj.innerText;
	var str=$(
			'<a href="javascript:void(0)" class="btn btn-info btn-xs" οnclick="del(this);">'+nameVal
			+'<input type="hidden" name="dataId" value="'+id+'" />'+'<em class="glyphicon glyphicon-remove"></em></a><span> </span>'
			);
	$('#'+listname).append(str);
}