Wrap przęsło wokół jakiegoś tekstu w jQuery

Question

Co mam:

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

Czego chcę:

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

nie mam dostępu do znaczników HTML, a ja chce to zrobić z jQuery , Coś jak:

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

musi być jakiś sposób, wybierając „Mój tekst”, mimo że nie ma klasy/ID

Answer 1

Spróbuj:

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

JS Fiddle demo.

W odniesieniu do chcąc dodać class do 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); 

Staroświecki DOM na ratunek.