JSFiddle - React, Tailwind, and code Playground
HTML
<ul id="list3">
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
</ul>
CSS
.clicked {
border: 3px solid red;
}
JavaScript
$(document).ready(function () {
$("#list3 li").click(function () {
$("#list3 li").removeClass('clicked');
$(this).addClass('clicked');
});
});