我怎樣才能用 jquery插入div.one他的下一個？div.two
這是什么：
<div id="list">
<div class="box one"></div>
<div class="box two"></div>
<div class="box one"></div>
<div class="box two"></div>
<div class="box one"></div>
<div class="box two"></div>
</div>
我想要的是：
<div id="list">
<div class="box two">
<div class="box one"></div>
</div>
<div class="box two">
<div class="box one"></div>
</div>
<div class="box two">
<div class="box one"></div>
</div>
</div>
我嘗試過的（但它div.one在每個中都插入了所有內容div.two）：
$("#list .box.one").each(function() {
$(this).prependTo(".box.two").next();
});
我的失敗是什么？
uj5u.com熱心網友回復：
你很接近：
$("#list .box.one").each(function() {
$(this).prependTo($(this).next());
});
在函式中使用類當然preprendTo()會選擇所有.box.two元素，而不是這樣做$(this).next()我們只會得到下一個兄弟元素。
uj5u.com熱心網友回復：
這應該做你想要的：
$("#list .box.one").each(function (index) {
$(this).prependTo($("#list .box.two")[index]);
});
轉載請註明出處，本文鏈接：https://www.uj5u.com/caozuo/489725.html
標籤：javascript jQuery
上一篇：單擊元素時不顯示屬性