Div가 위아래로 이동하는 Jquery 구현 예_jquery

复제대码 代码如下:

$(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; ']: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) ;
}
});
});
});