Jquery实现Div上下移动示例

$(this).ready(function(){
$(".up").each(function(){
$(this).click(function(){
var$tr=$(this).parents("li");
if($tr.index()!=0){
$tr.prev().before($tr);
}
});
});
vartrLength=$(".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);
}
});
});
});