jquery操作table 資料行拷貝,和上下移動
阿新 • • 發佈:2019-01-08
業務需求,選擇未選素材新增到已選素材,已選素材支援上下移動。
// 選擇素材 $("#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"); }); });
如有不懂請諮詢郵件聯絡[email protected]// 上移 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); } }