Question

How can I highlight the minutes (22) when displaying this time using Javascript/jQuery?
I want 22 to have a different color than 11 and 33.

11:22:33

Thank you!

Answer 1

Put a <span> tag around the minutes portion and use an appropriate style.

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

.minutes
{
  color: #ff0000;    
}

As per your update, if you want to insert the spans using regexp you can do this

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);