jquery - テキストノードを見つけて、タグでラップします

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>");

ただし、これはタグ内のすべての要素をラップしdivますh1。最初のテキストノードだけを特定して、それを？でラップするにはどうすればよい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>");