jquery操作table 数据行拷贝，和上下移动

最新推荐文章于 2024-05-09 09:20:19 发布

原创最新推荐文章于 2024-05-09 09:20:19 发布 · 4.1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#jquery操作table #table拷贝数据行 #table数据行上下移动

jQuery 同时被 2 个专栏收录

5 篇文章

订阅专栏

4 篇文章

订阅专栏

本文介绍了一种通过JavaScript实现的素材选择与排序功能，包括将未选素材添加到已选列表并支持列表内素材的上下移动。适用于需要灵活管理素材顺序的应用场景。

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

业务需求,选择未选素材添加到已选素材，已选素材支持上下移动。

	// 选择素材
	$("#btnSelect").click(function() { 
		$("#notConfigDataTbody input:checkbox:checked").each(function() {
				var td = '<td><a href="javascript:void(0)" onClick="moveUp(this)">上移</a> <a href="javascript:void(0)" onClick="moveDown(this)">下移</a></td>';
				$(this).parent().parent().clone(true).appendTo(
				$("#configDataTbody")).append(td);
				$(":checkbox").not($(this)).removeAttr("checked");
		});
	});

// 上移
function moveUp(obj) {
	var current = $(obj).parent().parent();
	var prev = current.prev();
	if (current.index() > 0) {
		current.insertBefore(prev);
	}
}

// 下移
function moveDown(obj) {
	var current = $(obj).parent().parent();
	var next = current.next();
	if (next) {
		current.insertAfter(next);
	}
}

如有不懂请咨询邮件联系jurs30@163.com