ul中li元素的上移下移

ul中li元素的上移下移

<ul class="file-list"></ul>

ul中li元素的上移下移


onclick代码

function downFile(obj,orderId){
var list = $(obj).parent().parent().parent().find("li");
    var thisLocation = list.index($(obj).parent().parent());
if(thisLocation < list.length - 1){                         
$(obj).parent().parent().next().after($(obj).parent().parent());
}else{
alert('已移到最底层了!');
}
}
//重点 next().after

function upFile(obj,orderId){
var list = $(obj).parent().parent().parent().find("li");
var thisLocation = list.index($(obj).parent().parent());
if(thisLocation > 0 ){                         
$(obj).parent().parent().prev().before($(obj).parent().parent());
}else{
alert('已移到最顶层了!');
}

}

//重点 prev().before