JSFiddle - React, Tailwind, and code Playground

by Jonathan McGlone

HTML

<div id="volume">
  <ul>
    <li>Volume 1</li>
    <li>Volume 2</li>
    <li>Volume 12</li>
  </ul>
</div>

JavaScript

function replaceText(selector, text, newText, flags) {
      var matcher = new RegExp(text, flags);
        var elems = document.querySelectorAll(selector), i;

          for (i = 0; i < elems.length; i++)
                  if (!elems[i].childNodes.length)
                            elems[i].innerHTML = elems[i].innerHTML.replace(matcher, newText);
}

function replaceAllText() {
      replaceText('div#volume', 'Volume 1', 'College of Engineering', 'g');
}

$(document).ready(replaceAllText);