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>
<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
- ul li 排序 移动 非常简单
- ul li列表排序
- ul li宽度超出div宽度点击左右箭头移动li&简单的Tab & Hover
- jquery ul li 按照时间排序
- 简单的 ul li 树形菜单
- ul li
- JQuery 两个ul标签中的li互相移动
- JQuery 两个ul标签中的li互相移动(动画队列)
- ul li宽度超出div宽度点击左右箭头移动
- DOM的高级应用-------关于Ul中的 li 的排序
- div+ul+li+(ul+li)布局
- <ol></ol><ul></ul><li></li>
- 一个简单的 li/ul/li结构的二级导航菜单
- css ul li 换行
- ul li CSS 样式
- css ul li问题
- ul li a classname
- ul li 高度自适应
- Spring AOP进行日志记录,管理 (使用Spring的拦截器功能获取对action中每个方法的调用情况,在方法调用前和调用后记录相关日志。)
- 免积分好资源
- JVM调优总结 -Xms -Xmx -Xmn -Xss
- dfgsdfhsf
- Math.round(11.5)等于多少?Math.round(-11.5)等于多少?
- ul li 排序 移动 非常简单
- 变量的存储属性与内存管理
- ReportStudio入门教程(七十八) - JS-禁止右键单击功能
- C++异常处理示例
- Android Volley框架的几种post提交请求方式
- 经典递归算法之排列,组合,集合和换零钱, Python yield实现.
- 在linux系统上搭建QT移植mini2440步骤
- 利用施瓦茨排序获得范围数据的并集
- iOS中的生成随机数方法