在div之后插入一个整个div（在另一个div中）

Question

我有这个：

<div>
   <div class="navigation>
       <ul>
           ...
       </ul>
   </div>
</div>
<div class="main">

</div>

我想从它所在的div中取出.navigation div，并将它放在它自己之前.main div所以我可以得到这个：

<div class="navigation>
     <ul>
          ...
     </ul>
</div>
<div class="main">

</div>

帮助？

Answer 1

你正在寻找

unwrap()

试试这个，它应该有效：

$('.navigation').unwrap();

虽然，如果您有权访问生成此html的代码，那么您最好以正确的方式创建它

Answer 2

.unwrap（）方法删除元素的父级。这实际上是.wrap（）方法的反转。匹配的元素（以及它们的兄弟，如果有的话）在DOM结构中替换它们的父节点。 reference

<强>语法

$(selector).unwrap();

Answer 3

http://api.jquery.com/insertBefore/

它可能对你有所帮助。试试这个或尝试jquery append，prepend或appendTo，等等 所有都是jquery中的方法