JSFiddle - React, Tailwind, and code Playground

HTML

<p id='id-0'>0</p>
<p id='id-1'>1</p>
<p id='id-2'>2</p>
<p id='id-3'>3</p>
<p id='id-4'>4</p>
<p id='id-5'>5</p>
<p id='id-6'>6</p>
<p id='id-7'>7</p>
<p id='id-8'>8</p>
<p id='id-9'>9</p>
<p id='id-10'>10</p>

JavaScript

function addOneListener(i) {
    $('#id-' + i).click(function () {
        alert("I am element number " + i);
    });
}

function addEventListeners() {
    for (var i = 0; i < 10; i++) {
        addOneListener(i); 
    }
}

addEventListeners();