ul li 排序 移动 非常简单

来源:互联网 发布:gis矢量数据融合 编辑:程序博客网 时间:2024/06/06 09:14
<ul class = "exam">
<li><p><a class='up fright'>上移</a><a class='dwn fright'>下移</a><a class='delete fright'>删除</a></p></li>
<li><p><a class='up fright'>上移</a><a class='dwn fright'>下移</a><a class='delete fright'>删除</a></p></li>
<li><p><a class='up fright'>上移</a><a class='dwn fright'>下移</a><a class='delete fright'>删除</a></p></li>
<li><p><a class='up fright'>上移</a><a class='dwn fright'>下移</a><a class='delete fright'>删除</a></p></li>
<li><p><a class='up fright'>上移</a><a class='dwn fright'>下移</a><a class='delete fright'>删除</a></p></li>
<li><p><a class='up fright'>上移</a><a class='dwn fright'>下移</a><a class='delete fright'>删除</a></p></li>
<li><p><a class='up fright'>上移</a><a class='dwn fright'>下移</a><a class='delete fright'>删除</a></p></li>
</ul>
<script>
$("ul li a.up").click(function(){
var $li = $(this).parent().parent()
if($li.prev().size()>0){
$li.prev().before($li)
}
});
$("ul li a.dwn").click(function(){
var $li = $(this).parent().parent()
if($li.next().size()>0){
$li.next().after($li)
}
});
$("ul li a.delete").click(function(){
$(this).parent().parent().remove();
});
</script>
0 0
原创粉丝点击