JSFiddle - React, Tailwind, and code Playground

HTML

<span id="link_1">Link 1</span>
<span id="link_2">Link 2</span>
<span id="link_3">Link 3</span>

CSS

li{
 cursor:pointer;   
}

JavaScript

var map = [
    {
    id: 1,
    name: "Link1"},
{
    id: 2,
    name: "Link2"},
{
    id: 3,
    name: "Link3"}
];

for (var i = 1; i <= map.length; i++) {
    var selector = "#link_" + i;
    $(selector).on('click', {
        id: i
    }, function(e) {
        alert(e.data.id);
    });
}