Question

I want to wrap a span around the AM or PM in a time string. For example:

<span class="time">between 10:00AM and 14:00PM</span>

becomes:

<span class="time">between 10:00<span class="suffix am">AM</span> and 14:00<span class="suffix pm">PM</span></span>

Any clue on how to get the replace method to do this?

Answer 1

I think a simple replace() would do it:

$('.time').each(function() {
  var newMarkup = $(this).html().replace(/AM/g, '<span class="suffix am">AM</span>')
                                .replace(/PM/g, '<span class="suffix pm">PM</span>');

  $(this).html(newMarkup);
});

Inspired by: Fastest method to replace all instances of a character in a string