刪除div並追加另一個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");

來源

2012-10-04 user992731

可能與http://stackoverflow.com/questions/1279957/how-to-move-an複製-element-into-another-element – Felix

http://stackoverflow.com/questions/4793604/how-to-do-insert-after-in-javascript-without-using-a-library –

您可以使用appendTo方法：

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

請注意您的標記無效，您應該關閉您的div標記。

來源

2012-10-04 22:10:13 undefined

oops，可以工作，但它增加了它befo re'.span3'我需要在 – user992731

@ user992731之後添加它確定嗎？ http://jsfiddle.net/HKjB4/ – undefined

你想要麼.insertAfter('.span3')，或.appendTo('.span8')

前者將始終把它直接.span3之後，而後者總是會讓它的.span8最後一個孩子 - 在這種情況下，兩個等價。

來源

2012-10-04 22:12:01 Alnitak

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-04 22:12:52 Gromer

刪除div並追加另一個div

回答

相關問題