jQuery：关闭元素之前的div然后重新打开该div之后

Question

我处于我的容器中间，并且想从该容器中取出图像。

现在，我有这样的事情

<div class="container"> 
    ... 
    <img /> 
    ... 
</div> 

而且我想用jQuery

<div class="container"> 
    ... 
</div> 
<img /> 
<div class="container"> 
    ... 
</div> 

做到这一点这里的问题。我无法修改我的代码以在关闭之前关闭并在（使用PHP或HTML）之后重新打开。我正在与WP合作，<img />正处于内容的中间。 img src可以改变，它的属性也可以改变。所以我只是不能用我的方式表达出来。考虑一下容器内的所有东西都不能用PHP来触及（如果你有办法将这个img与PHP隔离开来，但我认为没有办法。）

我发现的所有东西jQuery强制你在打开div时也关闭它，而你不能在选定的元素之前关闭div。

在一天结束时（整个事情的TLDR的种类），我想要做的就是在图像之前丢出</div>之前和<div class="container">。似乎无法在PHP中实现，并寻找一种jQuery方式来实现。

PS：我想香草js的方式也可以吗？

Answer 1

我相信你正在寻找这方面的内容？

https://jsfiddle.net/tr_santi/kcqcmp6d/（点击右上方的 “重排”）

var $container = $(".container");  //Get container 
var $img = $container.find("img");  //Find image in container 

$img.detach().insertAfter($container); //Move the image to be after the container 

var $newContainer = $container.clone(); //Duplicate the container 
$newContainer.insertAfter($img);  //Insert the duplicated container after the image 

---

HTML BEFORE：

<div class="container"> 
    <img ... /> 
</div> 

HTML AFTER：

<div class="container"></div> 
<img ... /> 
<div class="container"></div>