利用 CSS、jQuery 轻松实现上移下移和删除

作者:vkvi 来源:ITPOW(原创) 日期:2019-9-7

想要实现的效果和功能如下:

利用 CSS、jQuery 轻松实现上移下移和删除

首先用 CSS 禁用第一项的上移按钮、最后一项的下移按钮。

然后利用 jQuery 实现点击按钮时上移、下移。

我们这里使用了按钮组,所以当两层 parent() 之后就是按钮所在的 item 项了,第一句就是将当前项放在当前项的哥哥前面,第二句就是将当前项放在当前项的弟弟后面。

删除用什么呢?

对自己这个 item 用 remove()。

相关文章