使用jQuery拆分div

Question

我基本上需要这样的东西：

<div class='one'>Lorem 
   <p>Ipsum 
   <img src="image.jpg" /> 
   sit a</p> lor
</div>

在图像之前和之后分割，如下所示：

<div class='one'>Lorem <p>Ipsum</p></div>
<img src="image.jpg" /> 
<div class='one'><p>sit a</p> lor</div>

我一直试图解决这个问题。任何帮助将不胜感激。

Answer 1

DEMO

var source = $(".one").html(), 
result = source.replace(/([^<]+<p>[^<]+)(<img[^>]+>)([^<]+<\/p>[^<]+)/im, "$1</p></div>$2<div class='one'><p>$3");
result = result.replace(/\n/ig, " ").replace(/\s+/ig, " ");// this line is optional
$(".one").html(result);