環繞周圍的一些文字跨度的jQuery

Question

我有什麼：

<ul id="myId"> 
    <li> 
     My text 
     <ul class="myClass"> 
      <li>blahblahblah</li> 
     </ul> 
    </li> 
</ul> 

我想要什麼：

<ul id="myId"> 
    <li> 
     <span>My text</span> 
     <ul class="myClass"> 
      <li>blahblahblah</li> 
     </ul> 
    </li> 
</ul> 

我沒有訪問HTML標記，我想用jQuery來做到這一點， 喜歡的東西：

$('.myClass').get_the_text_ubove().wrap('<span>'); 

必須有選擇「我的文本」，即使它沒有類/ ID的一些方法

Answer 1

嘗試：

$('#myId > li').each(
    function(){ 
     $(this.firstChild).wrap('<span></span>'); 
    }); 

JS Fiddle demo。

至於想加class到ul：

$('#myId > li').each(
    function(){ 
     $(this.firstChild).wrap('<span></span>'); 
     $(this).find('ul').addClass('myClass'); 
    }); 

JS Fiddle demo。

Answer 2

$($('#myId ul').addClass('myClass')[0].previousSibling).wrap('<span>'); 

JSFIDDLE DEMO

Answer 3

var ul = document.getElementById("myId"); 
var li = ul.firstElementChild; 
var text = li.firstChild; 
var ul = li.childNodes[1]; 
ul.classList.add('myClass'); 
var span = document.createElement("span"); 
span.textContent = text.data; 
li.replaceChild(span, text); 

老式的DOM救援。