视图的改变都应该是因为数据的改变而引起的，而不是直接通过一些api去更改视图，像你这种对应的数据应该类似
[{
name: '开始'，
value: 1
},
{
name: '结束'，
value: 2
}
]
交换就是交换这个数据，然后根据新的数据去渲染你上面的视图，这样就不用担心数据和视图不同步了。
用document.getElementById(div1)获取到该div，然后操作它就行了，如果是文本上下移动完全可以使用marquee标签。引用JS：
www.cyin.cn/js/front/supermarquee.js
HTML代码：
<div class="zuixinxuqiu" style="height: 197pxwidth: 678pxoverflow: hiddenposition: relative">
<ul>
<dl class="clearfix">
<dt class="coladdress">
成都市</dt>
</dl>
<dl class="clearfix">
<dt class="coladdress">
成都市</dt>
</dl>
<dl class="clearfix">
<dt class="coladdress">
成都市</dt>
</dl>
<dl class="clearfix">
<dt class="coladdress">
成都市</dt>
</dl>
<dl class="clearfix">
<dt class="coladdress">
成都市</dt>
</dl>
</ul>
</div>
执行JS：
$(".zuixinxuqiu").kxbdSuperMarquee({
isEqual: false,
distance: 33,
time: 5,
direction: 'up'
})
这样吧 给你一个大概的思路首先 每行的tr要有一个class 而且设定这个class正常的背景颜色 被选中的背景颜色
然后 默认选中第一个 checkBOx的话 设置name都一样的 可以用行数作为ID区分
你点全选就全部选中并且所有tr都变为选中的class
然后设置获取键盘的输入码 判断当前哪行被选中 如果有上(下)一行就上(下)一行被选中
后面删除button也是根据你checkBox的ID获取父容器的tr来删除 删除之后重新生成一次新的行数ID
上班不便给你写详细代码！敬请谅解。
