0

divの順序を並べ替えたいと思います。

これが私の構造です:

  <div class="span8 inner-left" style="clear:both;">
    <div class="span3" style="text-align:right;"></div>
  </div>
  <div id="moreread" class="span4 inner-left"></div>

これが私の結果になりたいものです。

   <div class="span8 inner-left" style="clear:both;">
     <div class="span3" style="text-align:right;"></div>
     <div id="moreread" class="span4 inner-left"></div>
  </div>

これは動作しません:

$(this).find('#moreread').after(".span3");
4

3 に答える 3

7

メソッドを使用できますappendTo

$('#moreread').appendTo('.span8');

マークアップが無効であることに注意してください。div タグを閉じる必要があります。

于 2012-10-04T22:10:13.250 に答える
2

.insertAfter('.span3')、または.appendTo('.span8')

前者は常に の直後に置きます.span3が、後者は常に の最後の子になります.span8- この場合、2つは同等です。

于 2012-10-04T22:12:01.937 に答える
1

HTML:

<div class="span8 inner-left" style="clear:both;">
    A
    <div class="span3" style="text-align:right;">B</div>
</div>
<div id="moreread" class="span4 inner-left">C</div>

jQuery:

$('#moreread').insertAfter('.span3');

フィドル: http://jsfiddle.net/gromer/WD976/1/

于 2012-10-04T22:12:52.740 に答える