Question

如何使用jQuery选择部分字符并添加类或为这些字符/文本添加标记？

以下是我必须使用的代码：

<b><font class="pricecolor colors_productprice specialprice">
     <font class="text colors_text"><b>Regular Price:<br></b></font>
        $2,492.38
   </font>
</b>

<a class="pricecolor colors_productprice specialprice" href="javascript:void(0);">
<b><div id="emailprice">Click Here For Price!</div></b></a>

我想这样做：

<font class="text colors_text"><b>Regular Price:<br></b></font>
    $2,492<sup>.38</sup>

Answer 1

这对你有用吗？..

$(document).ready(function(){
    $('.pricecolor').html(
        $('.pricecolor').html().replace(/\.\d{1,2}/,
            function(a){
                return '<sup>' + a + '</sup>';
            })
    );
});

<强> Fiddle here

修改

以下是正则表达式的作用：

\. - 寻找一个点

\d{1,2}后跟一位或两位数字

显然正确的格式是点后两位数，在这种情况下表达式应该只是/\.\d{2}/，但我在某些网站上看到了一些奇怪的格式，所以决定包括：）

Answer 2

两行代码......

parts = $('.pricecolor').html().split('.');
$('font.pricecolor').html(parts[0]+".<sup>"+parts[1]+"</sup>");

Answer 3

也许使用一些RegEx和replace（）应用于innerHTML。

jQuery选择部分text / chars和addClass或tag

3 个答案: