在jQuery中的一些文本周围包裹一个跨度 [英] Wrap a span around some text in 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来做到这一点， 诸如:

I dont have access to the HTML markup, and am wanting to do this with jQuery, Something like :

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

即使没有class/id，也必须有某种选择我的文本"的方法

There must be some way of selecting 'My text' even though it has no class/id

推荐答案

尝试:

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

JS Fiddle演示.

关于要将class添加到ul:

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

JS Fiddle演示.

这篇关于在jQuery中的一些文本周围包裹一个跨度的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！