1. 程式人生 > >jquery操作table 資料行拷貝,和上下移動

jquery操作table 資料行拷貝,和上下移動

業務需求,選擇未選素材新增到已選素材,已選素材支援上下移動。

	// 選擇素材
	$("#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);
	}
}
如有不懂請諮詢郵件聯絡[email protected]