JSFiddle - React, Tailwind, and code Playground

by spidercoder

HTML

<div id="sidebar">
    <h2>Enlightened Entrees</h2>
</div>

<div class="menu-item-wrapper">
    <h2>Enlightened Entrees</h2>
</div>

<div id="banner">
    <h1>Enlightened Entree</h1>
</div>

CSS

.highlight{
    text-transform: uppercase;
}

JavaScript

$(function() {
	var highlight =  $(".menu-item-wrapper h2, #banner h1");
	highlight.each(function() {
		console.log(this);
    	$(this).html($(this).html().replace(/light/gi, '<span class="highlight">light</span>'));
	})
});