javascript - jQuery 替换 - 样式数字

Question

我想在我的 标签中设置特定字符的样式。
所以我用谷歌搜索并找到了 .replace() 函数。但我在造型数字上遇到了问题。我想在不更改文本的情况下更改它的样式。

这是我的代码:

HTML

<code> $years = floor($diff / (365*60*60*24)); </code>

JS

('code').each(function()
{
    var text = $(this).text(); 
    var setan = text.replace(/\d+/g,'<int>'+'\d'+'</int>');
    $(this).html(setan); 
});

输出是$years = floor($diff / (d*d*d*d));

我想让它至少像$years = floor($diff / (<b>d</b>*<b>d</b>*<b>d</b>*<b>d<b>));

Answer 1

最好使用 css 类来设置元素样式

$('code').html(function() {
  var text = $(this).text();
  return text.replace(/\d+/g, '<span class="d">' + 'd' + '</span>');
});

code span.d {
  font-weight: bold;
  color: green;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<code> $years = floor($diff / (365*60*60*24)); </code>