jquery - 删除 div 并在另一个 div 之后追加

Question

我想重新排列我的 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");

Answer 1

您可以使用appendTo方法：

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

请注意，您的标记无效，您应该关闭您的 div 标签。

Answer 2

你想.insertAfter('.span3')要么.appendTo('.span8')

前者总是把它直接放在 之后.span3，而后者总是让它成为最后一个孩子.span8——在这种情况下，两者是等价的。

Answer 3

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/