JSFiddle - React, Tailwind, and code Playground

by nhulea

HTML

<table>
    <tbody>
        <tr id="DescRow">
            <td class="HoleNumber"><a href="#" />1</td>
        </tr>
    </tbody>
</table>
<table>
    <tbody>
        <tr id="DescRow">
            <td class="HoleNumber"><a href="#" />2</td>
        </tr>
    </tbody>
</table>
<table>
    <tbody>
        <tr id="DescRow">
            <td class="HoleNumber"><a href="#" />3</td>
        </tr>
    </tbody>
</table>

JavaScript

var strip = function (html) {
     var tmp = document.createElement("DIV");
     tmp.innerHTML = html;
     return tmp.textContent || tmp.innerText || "";
 };
 var matchClass = "HoleNumber";
 var elems = document.getElementsByTagName('*');
 var i;
 for (i in elems) {
     if ((" " + elems[i].className + " ").indexOf(" " + matchClass + " ") > -1) {
         var c = elems[i].innerHTML;
         var n = strip(c);
         elems[i].addEventListener("click", function (event) {
             alert(n);
             event.preventDefault();
         }, false);
     }
 }