在 jQuery 中用跨度包围一些文本

我拥有的 ：

<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

Try:

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

JS 小提琴演示.

关于想要添加class to the ul:

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

JS 小提琴演示.