js~一个列表中包含上移下移删除等功能

2024-04-27 14:18:51

字体：大中小

来源：转载

供稿：网友

js~一个列表中包含上移下移删除等功能

最近做了一个项目，包括了一个列表页，为了用户体验，操作均使用JS实现，其中包括在列表中实现上移，下移，删除等功能，前台JS，后端数据修改使用Ajax，本文主要说一下前台JS这块

先看一下页面的截图

看一下它的HTML结构，当然，这与前台切图有关，后端程序人员只负责写自己的JS这块，我以我们项目为例，看一下它们切的HTML

<ul class="clearfix">        <li class="courseList">            <div class="titDefault clearfix">                <div class="left clearfix">                    <span class="dragBtn"></span><span class="tit">内容<em class="contIndex">1</em>：</span><em title="2013年 加班.txt" class="titDefaultName">2013年 加班.txt</em>                </div>                <div class="mid">2014/9/24 9:54:00</div>                <div class="right clearfix">                    <a value="253040" class="moveUpBtn" href="javascript:;"><span class="delTit">上移</span></a>                    <a value="253040" class="moveDownBtn" href="Javascript:;"><span class="delTit">下移</span></a>                    <a value="253040" class="deleteBtn" href="javascript:;"><span class="delTit">删除</span></a>                </div>            </div>        </li>        <li class="courseList">

上一篇：AngularJS 、Backbone.js 和 Ember.js 的比较

下一篇：js归并排序法