JSFiddle - React, Tailwind, and code Playground

HTML

<ul id=todayvalue>
    <li id=id0>0</li>
    <li id=id1>1</li>
    <li>2</li>
    <li>3</li>
    <li>4</li>
    <li>5</li>
</ul>
<ul>
    <li>it</li>
</ul>

CSS

li {
    background    : gold;
    border-bottom : 1px solid #000;
    padding       : 5px;
}
li:hover {
    background  : yellow;
    padding     : 7px;
    font-weight : bold;
}

JavaScript

$('#todayvalue').children('li').on('click', function () {
    var selected_index = $(this).attr('id');
    alert('Selected Index = ' + selected_index);
});