JSFiddle - React, Tailwind, and code Playground
HTML
<table id="the-table" />
JavaScript
window.addEventListener('load', function () {
// Add loads of rows
var rows = '';
for (var i = 0; i < 100; i++) {
rows += '<tr><td>' + i + '</td><td><a href="#">Click Here</a></td></tr>';
}
document.querySelector("table").innerHTML = rows;
// End setup
// Attach event to each element
var elements = document.querySelectorAll('#the-table a');
for (var i=0;i<elements.length;i++) {
elements[i].addEventListener('click', function (e) {
alert('You clicked row #' + this.parentNode.previousSibling.innerText);
}, false);
};
alert('Event handler bound to ' + elements.length + ' elements');
});