Jquery实现Div上下移动示例

复制代码 代码如下:

  $(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);

  }

  });

  });

  });