您的位置:首页 > Web前端 > JQuery

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

2014-08-20 10:51 387 查看
业务需求,选择未选素材添加到已选素材,已选素材支持上下移动。

// 选择素材
$("#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
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息