<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript"> window.onload = function(){ var ul = document.querySelector('ul'), li = document.querySelectorAll('li'), sy = document.querySelectorAll('.shangyi'); xy = document.querySelectorAll('.xiayi'); for(var i = 0;i < sy.length;i++){ sy[i].xb = i; sy[i].onclick = function(){ if(this.xb != 0){ ul.insertBefore(li[this.xb],li[this.xb - 1]); ; } } } } </script> </head> <body> <ul> <li><a class="shangyi">上移1</a>1111111<a class="xiayi">下移</a></li> <li><a class="shangyi">上移2</a>2222222222<a class="xiayi">下移</a></li> <li><a class="shangyi">上移3</a>333333333<a class="xiayi">下移</a></li> <li><a class="shangyi">上移4</a>44444444<a class="xiayi">下移</a></li> <li><a class="shangyi">上移5</a>55555555<a class="xiayi">下移</a></li> <li><a class="shangyi">上移6</a>666666666<a class="xiayi">下移</a></li> <li><a class="shangyi">上移7</a>77777777<a class="xiayi">下移</a></li> </ul> </body></html>
1 回答
qq_学习使我快乐_5
TA贡献2条经验 获得超0个赞
比如点击第三个li 让第三个li 移动到第二个li 但是在点击第二li就移动不了了，我想可能是点击得li 得下标没有改，我也试过多种情况 this.xb--;i--;但是没有用 求看到得大佬解答一下
添加回答
举报
0/150
提交
取消