JSFiddle - React, Tailwind, and code Playground
HTML
<ul>
<li>a</li>
<li>b</li>
<li>c</li>
<li>d</li>
<li>e</li>
<li>f</li>
</ul>
CSS
ul{width:100px}
li{
cursor: pointer;
list-style: none;
border: solid 1px #ccc;
}
li:nth-child(even) {
background-color: #eee;
}
JavaScript
$(document).ready(function() {
$("ul li").click(function(e){
$(this).remove();
});
});