JSFiddle - React, Tailwind, and code Playground

by Givi Kesanashvili

HTML

<div> <span class="viewEdit">View and edit class one.</span>

    <br />
<span class="viewEdit">View and edit class two.</span>

    <br />
<span class="viewEdit">View and edit class three.</span>

    <br />
<span class="viewEdit">View and edit class four.</span>

    <br />
<span class="viewEdit">View and edit class five.</span>

    <br />
</div>

JavaScript

var eles = document.getElementsByClassName("viewEdit");

eles[0].parentNode.addEventListener("click", function (e) {
    // if (e.target.classList.contains("viewEdit")) {
    if (e.target.nodeName.toLowerCase() === "span") {
        alert([].indexOf.call(eles, e.target));
    }
}, false);