JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
    <li>Foo</li>
    <li>Bar</li>
    <li>Boo</li>
    <li>Far</li>
    <li>Soup</li>
    <li>Nuts</li>
    <li>Stew</li>
    <li>Legume</li>
</ul>

CSS

li {
    height: 60px;
}
li:nth-child(2n) {
    background-color: #ddd;
}

JavaScript

// Here is some code to tell us which element has been clicked
$('ul').on('click', 'li', function() {
    alert('You clicked: ' + $(this).text());
});

function simulateClick(x, y) {
    jQuery(document.elementFromPoint(x, y)).click();
}
simulateClick(100, 30);
simulateClick(100, 90);
simulateClick(100, 150);
simulateClick(100, 210);
simulateClick(100, 270);