다음 태그 포장, 텍스트 노드를 찾기

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에 첫 번째 텍스트 노드를 정확히 찾아서 감쌀 수 있습니까? Blazemonger의 코멘트에있는 링크의 해제 작업을 감사 데이브

Answer 1

...

$('#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>");