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

function showNumber(ev) {
    alert(this.textContent);
}
Array.prototype.forEach.call(document.querySelectorAll('td.HoleNumber a'), function (a) {
    a.addEventListener('click', showNumber);
});