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/

删除div并追加另一个div

3 个答案: