- $(document).ready(function(){
- //上移按钮事件处理
- $(".up").click(function(){
- var onthis = $(this).parent("span").parent("li");
- var getup = $(this).parent("span").parent("li").prev();
- $(getup).before(onthis);
- });
- //下移按钮事件处理
- $(".down").click(function(){
- var onthis = $(this).parent("span").parent("li");
- var getdown = $(this).parent("span").parent("li").next();
- $(getdown).after(onthis);
- });
- //删除按钮事件处理
- $(".del").click(function(){
- var onthis = $(this).parent("span").parent("li");
- onthis.remove()
- });
- });
- /**
- html的结构是这样的:
- <ul>
- <li><span>1</span><span id="1"><a href="#" class="up">上移</a> | <a href="#" class="down">下移</a> | <a href="#" class="del">删除</a></span></li>
- <li><span>2</span><span id="2"><a href="#" class="up">上移</a> | <a href="#" class="down">下移</a> | <a href="#" class="del">删除</a></span></li>
- <li><span>3</span><span id="3"><a href="#" class="up">上移</a> | <a href="#" class="down">下移</a> | <a href="#" class="del">删除</a></span></li>
- </ul>
- */
- //该片段来自于http://www.codesnippet.cn/detail/1709201410463.html
来源: http://www.codesnippet.cn/detail/1709201410463.html