JSFiddle - React, Tailwind, and code Playground

HTML

<div>
<button class="direct">Button 1</button>
<button class="direct">Button 2</button>

<label class="direct">boo</label>
</div>
<div>
<button class="indirect">Button 1</button>
<button class="indirect">Button 2</button>

<label class="indirect">boo</label>
</div>

JavaScript

var directButtons = $("button.direct");

for(var i = 0 ; i < directButtons.length ; i++)
{
    var buttonID = i;
    $(directButtons[i]).click(   
        function(e)
        {
            $("label.direct").html("Button " + buttonID + " pressed.");
        });
}

var indirectButtons = $("button.indirect");

var buttonClickHandlerWithID = 
    function(buttonID)
    {
        return function(e)
        {
            $("label.indirect").html("Button " + buttonID + " pressed.");
        }
    }

for(var i = 0 ; i < indirectButtons.length ; i++)
{
    $(indirectButtons[i]).click(buttonClickHandlerWithID(i));
}