Jquery DIV位置问题
<html><title></title><head><styletype="text/css">*{padding:0px;margin:0px;}.Box{width...
<html>
<title></title>
<head>
<style type="text/css">
*{padding:0px; margin:0px;}
.Box { width:100%; height:40px; flaot:left;}
</style>
</head>
<body>
<div class="Box">1</div>
<div class="Box">2</div>
<div class="Box">3</div>
<div class="Box">4</div>
<div class="Box">5</div>
<div class="Box">6</div>
<input type="button" value="调换">
</body>
</html>
//如何按下按钮把第1个DIV元素移动到第6个元素后面? 展开
<title></title>
<head>
<style type="text/css">
*{padding:0px; margin:0px;}
.Box { width:100%; height:40px; flaot:left;}
</style>
</head>
<body>
<div class="Box">1</div>
<div class="Box">2</div>
<div class="Box">3</div>
<div class="Box">4</div>
<div class="Box">5</div>
<div class="Box">6</div>
<input type="button" value="调换">
</body>
</html>
//如何按下按钮把第1个DIV元素移动到第6个元素后面? 展开
2个回答
展开全部
给input加个id="switch"，然后下面是jQ事件。每次点击都是将第一个移动到最后。
$("#switch").click(function(){
$(".Box:last").after($(".Box:first").clone());
$(".Box:first").remove();
})
$("#switch").click(function(){
$(".Box:last").after($(".Box:first").clone());
$(".Box:first").remove();
})
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
