Javascript 使用jQuery将一个SPAN标记环绕表中已经存在的文本

我想在我的表中已经存在的文本（如下所示）周围加上一个

span

标记

要在

span

标记中换行的文本：

Build Muscle and Train Harder<br> &nbsp; Boost Energy without the
Calories<br> &nbsp;  Promote Nitric Oxide Production

锻炼肌肉，更努力地训练
在没有压力的情况下提高能量
热量
促进一氧化氮的生成

我的HTML：

<table width="100%" cellspacing="0" cellpadding="0" border="0">
    <tbody>
        <tr> 
            <td>Build Muscle and Train Harder<br> &nbsp;Boost Energy without the Calories<br> &nbsp; Promote Nitric Oxide Production<br><br>
                <table cellspacing="0" cellpadding="0" border="0" id="tttt">
                    <tbody>
                        <tr>
                            <td><b><font class="pricecolor colors_productprice"><span class="PageText_L483n"><h3><b style="font-size:13px"><span class="saleprice"><font class="text colors_text"><b><span class="PageText_L335n">Sale Price</span>: </b></font></span> <b class="prodPrOr">$34.05 </b></b></h3></span></font></b><br><a class="pricecolor colors_productprice" href="/ShoppingCart.asp?ProductCode=amino%2Dchewables"><b><span class="PageText_L655n"><img class="AddRight" src="/v/vspfiles/assets/images/addtocartsmall.gif"></span></b></a>
                            </td>
                        </tr>
                    </tbody>
                </table>
                <br><br>
                <a onclick="window.open('/help_FreeShipping.asp', 'FreeShipping', 'scrollbars,status,resizable,width=300,height=300');" href="javascript:void(0);">
                <img border="0" alt="" src="/v/vspfiles/templates/2007New/images/Icon_FreeShipping.gif" class="vCSS_img_icon_free_shipping"></a>
            </td>
            <td valign="top" align="right" id="v65-productdetail-action-wrapper" class="v65-productdetail-options">
                <div id="contact">
                    <img src="/v/vspfiles/assets/images/osw0001_talk_button.jpg">
                </div>
            </td>
        </tr>
        <tr>
            <td colspan="2">
                <ul></ul>
            </td>
        </tr>
    </tbody>
</table>

锻炼肌肉和加强训练
增加能量而不消耗热量
促进一氧化氮的产生


售价：34.05美元

您应该在您试图选择的td中添加一个类或id，以使其更简单。例如，如果你成功了：

<td class="myText">Build ... </td>

Build。。。

现在，您可以轻松地选择它（尽管如果由于某种原因无法添加该类，有一些方法可以解决这个问题—这只是最简单的方法），imho

$（'.myText'）.html（）.replace（$（'.myText'）.html（）.match（/^.*/），''+$（'.myText'）.html（）.match（/^.*/）+''；

    $('.myText').html().replace($('.myText').html().match(/^.*/), '<span class="myClass">'+$('.myText').html().match(/^.*/)+'</span>');