JSFiddle - React, Tailwind, and code Playground

HTML

<div id='uw-test'></div>
<div><a href='javascript:void(0)' id='test_link'>click</a></div>

JavaScript

var arLink = [],
    $link,
    i;

for (i = 0; i < 5; i += 1) {
    $link = $('<a />').attr('href', 'javascript:void(0)')
        .data('ID', i)
        .text('NAME_' + i);
    
    arLink.push($link);
}

function testAdd() {
    for (i = 0; i < arLink.length; i += 1) {
        arLink[i].click(function() {
            var self = $(this);
            console.log(self.data('ID'));
        });
        $('#uw-test').append(arLink[i]).append('<br />');
    }
}
testAdd();

$('#test_link').click(function() {
    $('#uw-test').empty().append('<div>after click</div>');
    testAdd();
});