Jquery实现Div上下移动示例
2014-04-23 00:00
1041 查看
$(this).ready(function() { $(".up").each(function() { $(this).click(function() { var $tr = $(this).parents("li"); if ($tr.index() != 0) { $tr.prev().before($tr); } }); }); var trLength = $(".down").length; $(".down").each(function() { $(this).click(function() { var $tr = $(this).parents("li"); if ($tr.index() != trLength) { $tr.next().after($tr); } }); }); $("a[name='up']").click(function() { if ($("input[name='rule']:checked").size() > 1) { alert("只能选择一项进行上下移操作!"); return; } $("input[name='rule']:checked").each(function() { var $div = $('#rule_' + $(this).val()); if ($div.index() != 0) { $div.prev().before($div); } }); }); $("a[name='down']").click(function() { if ($("input[name='rule']:checked").size() > 1) { alert("只能选择一项进行上下移操作!"); return; } $("input[name='rule']:checked").each(function() { var $div = $('#rule_' + $(this).val()); if ($('#rule_' + (parseInt($(this).val()) + 1)).html() != null) { $div.next().after($div); } }); }); });
相关文章推荐
- Jquery实现Div上下移动示例
- jQuery拖动div、移动div、弹出层实现原理及示例
- jQuery拖动div、移动div、弹出层实现原理及示例
- jquery实现tr元素的上下移动示例代码
- jquery实现div上下移动
- jquery实现tr元素的上下移动示例代码
- jquery实现div上下移动
- jquery实现tr元素的上下移动示例代码
- jQuery实现用方向键控制层的上下左右移动
- jQuery实现table中的tr上下移动并保持序号不变的实例代码
- JQuery实现select互换数据和上下移动
- jquery实现左右上下移动
- Jquery实现上下移动和排序代码
- 使用jquery实现DIV动画移动
- 使用jquery实现上下左右移动效果
- jQuery实现动态分割div—通过拖动分隔栏实现上下、左右动态改变左右、上下两个相邻div的大小
- jQuery实现DIV响应鼠标滑过由下向上展开效果示例【测试可用】
- jquery实现列表上下移动功能
- JS实现的表格行上下移动操作示例