除去另一个div后的div并追加

2018-06-14 23:34:31

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

你可以使用appendTo方法：

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

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

您想要.insertAfter('.span3')或.appendTo('.span8')

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

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/

链接地址: http://www.djcxy.com/p/42547.html

上一篇: Remove div and append after another div

下一篇: Moving a span element from one div to another with jQuery?