Envuelva un lapso de alrededor de un texto en jQuery

Question

Lo que tengo:

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

Lo que quiero:

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

no tengo acceso al marcado HTML, y estoy queriendo hacer esto con jQuery , Algo así como:

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

debe haber alguna manera de seleccionar 'Mi texto' a pesar de que no tiene ninguna clase/ID

Answer 1

Probar:

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

JS Fiddle demo.

En lo que respecta a querer añadir el class a la 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); 

Antiguo DOM moda al rescate.