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