jQuery如何将一个div移动到另一个div后面 150
如下HTML：<!------------原来的HTML----------------><divclass="item"><divclass="order">50</d...
如下HTML：
<!------------原来的HTML---------------->
<div class="item">
<div class="order">50</div>
<div class="rating">
<div class="rating-box">*****</div>
</div>
</div>
<div class="item">
<div class="order">33</div>
<div class="rating">
<div class="rating-box">*****</div>
</div>
</div>
<div class="item">... ...</div>
<!-----------希望用jQuery改成下面这样----------------->
<div class="item">
<div class="rating">
<div class="rating-box">*****</div>
<div class="order">50</div>
</div>
</div>
<div class="item">
<div class="rating">
<div class="rating-box">*****</div>
<div class="order">33</div>
</div>
</div>
<div class="item">... ...</div> 展开
<!------------原来的HTML---------------->
<div class="item">
<div class="order">50</div>
<div class="rating">
<div class="rating-box">*****</div>
</div>
</div>
<div class="item">
<div class="order">33</div>
<div class="rating">
<div class="rating-box">*****</div>
</div>
</div>
<div class="item">... ...</div>
<!-----------希望用jQuery改成下面这样----------------->
<div class="item">
<div class="rating">
<div class="rating-box">*****</div>
<div class="order">50</div>
</div>
</div>
<div class="item">
<div class="rating">
<div class="rating-box">*****</div>
<div class="order">33</div>
</div>
</div>
<div class="item">... ...</div> 展开
1个回答
展开全部
首先你的找到分析你自己的需求，什么情况下需要将那个div移动到那个div的后面，你这里所有的div都是结构和类名都相同，所以更要找到规律。
找到规律之后直接使用after方法就可以了，例如：
<script type="text/javascript">
$(document).ready(function(){
$("button").click(function(){
$("#p2").after($("#p1"));
});
});
</script>
</head>
<body>
<p id="p1">This is a paragraph.</p>
<p id="p2">This is second paragraph.</p>
<button>把第一个p元素移动到第二个p元素后面</button>
</body>
更多追问追答
追问
打开页面时，就直接这样。
追答
如果55是第一个，33是第二个，可以这样写。。。。
首先你的引用jquery库，然后加上
<script type="text/javascript">
$(document).ready(function(){
var div1=$("div.item").eq(0);
var div2=$("div.item").eq(1);
div2.after(div1);
});
</script>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
