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");
});
});
如有不懂请咨询邮件联系jurs30@163.com
// 选择素材
$("#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
相关文章推荐
- jquery操作表格上下移动行
- JQuery实现select互换数据和上下移动
- jquery实现表格的上下移动和置顶操作
- jquery操作html,table。点击按钮,逐行滚动显示,自动选中下一行数据
- table的数据行tr上下移动
- Jquery中table数据的值拷贝及拆分
- jquery异步加载数据,jquery对table的简单操作
- js与jQuery实现获取table中的数据并拼成json字符串操作示例
- jquery 控制table tr 上下移动
- jQuery实现table中的tr上下移动并保持序号不变的实例代码
- jquery 操作table使tr(数据)整行上移下移
- Jquery table元素操作-创建|数据填充|重置|隐藏行
- Jquery Easy UI Datagrid 上下移动批量保存数据
- 【快速编程】jQuery操作表格行上下移动
- jQuery实现table中的tr上下移动并保持序号不变
- jQuery操作SelectOption上下移动