9

ドキュメントの準備が整ったときに順序を逆にしたい 3 つの div があります

<div id="block-1">First</div>
<div id="block-2">Second</div>
<div id="block-3">Third</div>

jqueryでこれを行うにはどうすればよいですか?

4

4 に答える 4

20
<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);
});​

jsfiddle http://jsfiddle.net/N7PGW/で例を見ることができます

于 2012-04-10T12:15:56.140 に答える
12

使うだけ

$('#block-2').insertBefore('#block-1');
$('#block-3').insertBefore('#block-2');

フィドルの例: http://jsfiddle.net/2DUXF/

于 2012-04-10T12:15:15.220 に答える
3

これにより、ID「div1」のdiv内のすべてのdivが逆になります

  $(function(){
    var items=$("#div1 div").toArray();
        items.reverse();
        $.each(items,function(){
           $("#div1").append(this); 
        });     
    });​

これがjsFiddle http://jsfiddle.net/bCAVz/8/です

于 2012-04-10T12:14:40.403 に答える
0
$(
   $("div[id|=block]")
      .slice(1)
      .get()
      .reverse()
 )
    .insertBefore("div[id|=block]:first");

http://jsfiddle.net/8adwS/

また、配列逆構文を jQuery 関数構文に追加できることにも注意してください。これにより、セレクターを節約できます。

于 2012-04-10T12:39:55.913 に答える