Wrap a span around some text in jQuery

Question

What I have :

    

        My text
        

            
blahblahblah
              


        

Answer 1

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

Old fashioned DOM to the rescue.