javascript - 更改某些字符的颜色

Question

使用 Javascript/jQuery 显示此时间时如何突出显示分钟 (22)？我希望 22 的颜色与 11 和 33 的颜色不同。

11:22:33

谢谢!

Answer 1

输入<span>在分钟部分周围标记并使用适当的样式。

11:<span class="minutes">22</span>:33

.minutes
{
  color: #ff0000;    
}

根据您的更新，如果您想使用正则表达式插入跨度，您可以这样做

var x = "11:22:33";
var y = x.replace(/(\d+):(\d+):(\d+)/ ,"<span class='hours'>$1</span>:<span class='minutes'>$2</span>:<span class='seconds'>$3</span>");
alert(y);