JSFiddle - React, Tailwind, and code Playground

by fiddleyetu

HTML

<h3>things that are red:</h3>
<ul>
   <li><a href="html://www.redapples.com">Red Apples</a></li>
   <li><a href="html://www.redmeat.com">Red Meat</a></li>
   <li><a href="html://www.redcar.com">Red Cars</a></li>
</ul>

CSS

.red {
    color: red;
}

JavaScript

$(function() {
    $('li a').html(function(i,html) {
        return html.replace(/(RED)/gi, '<span class="red">$1</span>');
    });
});