87,907
社区成员
发帖
与我相关
我的任务
分享Jquery 交换元素位置
<div class="disx">
<input class="text" value="input1"/>
<input type="button" value="↑↑" />
</br>
<input class="text" value="input2"/>
<input type="button" value="↑↑" />
</br>
<input class="text" value="input3"/>
<input type="button" value="↑↑" />
</br>
<input class="text" value="input4"/>
<input type="button" value="↑↑" />
</br>
</div>
点击所在域的向上按钮，这个input 就到div 中第一个位置， 请大家帮忙
...全文
请发表友善的回复…
发表回复
醉花阴柳 2016-12-02
- 打赏
- 举报
insertBefore
当作看不见 2016-12-01
- 打赏
- 举报
<!DOCTYPE html>
<head>
<meta charset="UTF-8">
</head>
<body>
<div class="disx">
<p>
<input class="text" value="input1"/>
<input type="button" value="↑↑" />
</p>
<p>
<input class="text" value="input2"/>
<input type="button" value="↑↑" />
</p>
<p>
<input class="text" value="input3"/>
<input type="button" value="↑↑" />
</p>
<p>
<input class="text" value="input4"/>
<input type="button" value="↑↑" />
</p>
</div>
</body>
</html>
<script src="js/jquery-2.0.0.min.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
$('.disx input[type=button]').click(function(){
$(this).parent().prependTo('.disx')
})
</script>
天际的海浪 2016-12-01
- 打赏
- 举报
<div class="disx">
<div>
<input class="text" value="input1"/>
<input type="button" value="↑↑" />
</div>
<div>
<input class="text" value="input2"/>
<input type="button" value="↑↑" />
</div>
<div>
<input class="text" value="input3"/>
<input type="button" value="↑↑" />
</div>
<div>
<input class="text" value="input4"/>
<input type="button" value="↑↑" />
</div>
</div>
<script type="text/javascript">
$(function(){
$(".disx :button").click(function(event){
$(this).parent().prependTo(".disx");
});
});
</script>
