包裝用DIV jQuery的文字

Question

我有一個HTML新行一個段落裏面這個下面的文本在最後現在

<p class="pcontainer extend"> 
    First Text<br /> 
    Second Text<br /> 
    Third Text<br /> 
</p> 

我desirely想要做的是包裝的3文本用div中輸出將是..

<p class="pcontainer extend"> 
    <div class="wrap">First Text</div><br /> 
    <div class="wrap">Second Text</div><br /> 
    <div class="wrap">Third Text</div><br /> 
</p> 

，你可以看到每個文本已經被包裹着一個div（），反正是有，我可以做到這一點通過的jQuery或JavaScript的方式？到目前爲止，我正在四處尋找解決方案，但到目前爲止，沒有任何東西可以滿足我的需求。任何建議，建議和想法，都會很樂意聽到！先謝謝你。

Answer 1

一個可行的辦法是過濾非空文本節點和應用wrap()對他們說：

$('p').contents().filter(function() { 
    return this.nodeType === 3 
     && $.trim(this.nodeValue).length; 
}).wrap('<div class="wrap" />'); 

DEMO：http://jsfiddle.net/kEvm4/