想要实现上移下移效果
<!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>
qq_学习使我快乐_51回答
-
qq_学习使我快乐_5
比如点击第三个li 让第三个li 移动到第二个li 但是在点击第二li就移动不了了，我想可能是点击得li 得下标没有改，我也试过多种情况 this.xb--;i--;但是没有用 求看到得大佬解答一下
随时随地看视频慕课网APP
相关分类
JavaScript