JSFiddle - React, Tailwind, and code Playground
HTML
<div class=somediv>
<div class="jn Gs">Linus Torvalds</div>
<div class="jn Gs">I'm sexy and I know it</div>
<div class="jn Ss">Lorem ipsum</div>
</div>
JavaScript
var action = function(e) {
var content = e.innerText
switch (content) {
case "Linus Torvalds":
elements[i].innerText = "The " + content;
break;
default:
elements[i].innerText = content + " - who?";
}
}
var elements = document.getElementsByClassName("jn")
for (var i = 0; i < elements.length; ++i) {
if (~ (elements[i].className.indexOf('Gs'))) {
action(elements[i])
}
var e = elements[i].getElementsByClassName('Gs')
for (var j = 0; j < e.length; ++j) {
action(e[j])
}
}