jQuery:关闭元素之前的div然后重新打开该div之后
问题描述:
我处于我的容器中间,并且想从该容器中取出图像。jQuery:关闭元素之前的div然后重新打开该div之后
现在,我有这样的事情
<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的方式也可以吗?
答
我相信你正在寻找这方面的内容?
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>
它是容器中唯一的图像吗? – Santi
可能是,但我希望我的代码能够多次处理它。 – Fredy31