查找文本節點，然後包裹在標籤

Question

我有HTML，以下位，我不擁有控制權：

<div id="sub-nav"> 
Vendita diretta    
<ul class="cms-nav-sidebar">    
<li class="icl-level-1"><a href="/tasting/">Degustazioni</a></li> 
</ul>       
</div> 

我需要換行「子導航」中的文本的第一位div，標記爲<h1>。到目前爲止，我得到這個：

$('#sub-nav').children().wrap("<h1></h1>"); 

然而，這種包裝在h1標籤div中的所有元素。我如何精確定位第一個文本節點並將其包裝在h1中？

感謝 戴夫

Answer 1

工作過的Blazemonger的評論的鏈接...

$('#sub-nav').contents(':not(ul)').wrap("<h1></h1>"); 

...應該在你的情況下工作。

Answer 2

$('#sub-nav').contents().filter(function(){ 
    return this.nodeType === 3; //text node type 
}).eq(0).wrap("<h1></h1>");