JSFiddle - React, Tailwind, and code Playground

HTML

<table id="the-table" />

JavaScript

// 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>';
}

$('#the-table').append(rows);
// End setup

// Attach one event handler
var elements = $('#the-table').on('click', 'a', function (e) {
    alert('You clicked row #' + $(this).closest('tr').prop('rowIndex'));
});

alert('Event handler bound to ' + elements.length + ' elements');