ドキュメントの準備が整ったときに順序を逆にしたい 3 つの div があります
<div id="block-1">First</div>
<div id="block-2">Second</div>
<div id="block-3">Third</div>
jqueryでこれを行うにはどうすればよいですか?
<div id="parent">
<div id="block-1">First</div>
<div id="block-2">Second</div>
<div id="block-3">Third</div>
</div>
そしてJqueryでこれを試してください
$('#parent > div').each(function() {
$(this).prependTo(this.parentNode);
});
使うだけ
$('#block-2').insertBefore('#block-1');
$('#block-3').insertBefore('#block-2');
フィドルの例: http://jsfiddle.net/2DUXF/
これにより、ID「div1」のdiv内のすべてのdivが逆になります
$(function(){
var items=$("#div1 div").toArray();
items.reverse();
$.each(items,function(){
$("#div1").append(this);
});
});
これがjsFiddle http://jsfiddle.net/bCAVz/8/です
$(
$("div[id|=block]")
.slice(1)
.get()
.reverse()
)
.insertBefore("div[id|=block]:first");
また、配列逆構文を jQuery 関数構文に追加できることにも注意してください。これにより、セレクターを節約できます。