JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
    <li>1</li>
    <li>2</li>
    <li>3</li>
    <li>4</li>
</ul>

<a id="1" href="#">1</a>
<a id="2" href="#">2</a>
<a id="3" href="#">3</a>
<a id="4" href="#">4</a>

JavaScript

function alertThisNum( itemNum )
{
    alert(itemNum);
}

$( 'li' ).each( function( index )
{
    itemNum = index + 1;
    $( 'a[id="' + itemNum + '"]' ).bind( 'click', function( e )
    {
        alertThisNum( itemNum );
        e.preventDefault();
    } );
});