源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

Jquery实现Div上下移动示例

  • 时间:2021-12-22 17:17 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:Jquery实现Div上下移动示例
[u]复制代码[/u] 代码如下:
$(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); } }); }); });
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部