使用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);