Fatal编程技术网
  • javascript/
  • Javascript 带有before的jquery中断元素

Javascript 带有before的jquery中断元素

javascript jquery

Javascript 带有before的jquery中断元素,javascript,jquery,Javascript,Jquery,我在一个元素中有一个元素，如下所示： <div> <div class="contentBody"> <img src="..." /> </div> </div> 我想分解contentBody的图像以获得以下结果： <div> <div class="contentBody"> </div> <img src="..." /> &l

我在一个元素中有一个元素，如下所示：

<div>
   <div class="contentBody">
      <img src="..." />
   </div>
</div>
我想分解contentBody的图像以获得以下结果：

<div>
   <div class="contentBody">
   </div>
   <img src="..." />
   <div class="contentBody">
   </div>
</div>
我试过了

$('img').before('</div>').after('<div class="contentBody">')

$（'img'）。在（''）之前。在（''）之后
然而，这不起作用。我能做什么？谢谢。

$（'.contentBody img'）.unwrap（）；
$（'img'）。在（''）之前；
$（'img'）。在（''）之后

.contentBody{
背景色：红色；
高度：10px
}


将图像附加到
contentBody
的父级，然后在其后面插入另一个
contentBody
div:



$（'img'）.appendTo（$（'.contentBody'）.parent（））。在（''）之后



您可以先展开然后追加2 div
是结束标记，而不是元素，因此您不能选择它。@Soviut first SNAPPET是img unwrap first SEXT是append first。