最近，一个项目已经完成，包括一个列表页。对于用户体验，操作是通过JS，包括运动的功能，降档和列表中删除。后台js，后端数据的修改是ajax。本文主要介绍前景JS。

先看看页面截图。



看看HTML的结构，当然，这是与地图相关的，后端程序的工作人员负责js自己编写，所以我们以项目为例，看看他们是否削减了html。






内容1:2013年年加班。txt

2014 / 9 / 24 9:54:00

移动
下来
删除






内容2：使用描述txt。

2014 / 9 / 24 9:54:00


移动
下来
删除






内容3：大师。

2014 / 9 / 24 9:54:00

移动
下来
删除






内容4：排序问题。

2014 / 9 / 24 9:54:00


移动
下来
删除






这里我们主要看js代码，对方法的实现主要是用在JQ，原因是因为第一次静态列表数据（绑定）时，排序后，数据为动态（活的），所以这种结构只能使用是最合理的，看代码



$（函数（）{（））
移动
$（。clearfix），（单击
var = $（这个）；
无功_old = self.closest（里。courselist ）；
无功_new = self.closest（里。courselist ），Prev（李）；
如果（_new.length > 0）{
无功_temp = _old.html（）；
_old.empty（）。追加（_new.html（））；
_new.empty append（_temp）（）；
}

}）；


$（。clearfix），（单击
var = $（这个）；
无功_old = self.closest（里。courselist ）；
无功_new = self.closest（里。courselist ）。二（李）；
如果（_new.length > 0）{
无功_temp = _old.html（）；
_old.empty（）。追加（_new.html（））；
_new.empty append（_temp）（）；
}
}）；

删除
$（。clearfix），（单击
var = $（this）；单击事件源对象
Self.closest（李。courselist ）删除（）；
}）；

}）；



跑完后，效果出来了。在这个js中，我们不编写与后台交互的Ajax方法，您可以根据具体情况编写它。