Jquery實現Div上下移動範例_jquery

$(this).ready(function() {
$ (".up").each(function() {
$(this).click(function() {
var $tr = $(this).parents("li");
if ($tr.index() != 0) {
$tr.prev().before($tr);
}
})
}); $(".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("只能選擇一個進行上下移動操作！");
}
$("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 = $('#規則_' $(this).val());
if ($('#rule_' (parseInt($(this).val()) 1)).html() != null) {
$div.next().after($div) ;
}
});
});
});