JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
                                <li>
                                    <a href="#">D1</a>
                                </li>
                                <li>
                                    <a href="#">D2</a>
                                </li>
                                <li>
                                    <a href="#">D3</a>
                                </li>
                                <li>
                                    <a href="#">D4</a>
                                </li>
                                <li>
                                    <a href="#">D5</a>
                                </li>
                                <li>
                                    <a href="#">D6</a>
                                </li>
                                <li>
                                    <a href="#">D7</a>
                                </li>
                            </ul>

JavaScript

var list = $("a");
list.each(function(index){
    $(this).on("click", function(){alert(index);});
});