JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://github.com/downloads/bitovi/jquerypp/jquerypp-1.0.0.js"></script>
<ol>
    <li>1111 <button>X</button></li>
    <li>2222 <button>X</button></li>
    <li>3333 <button>X</button></li>
</ol>

CSS

.active {
    color: red;
}

JavaScript

$('body').on({
    hoverinit: function(ev,hover) {
        hover.delay(100);
    },
    hoverenter: function() {
        $(this).addClass("active");
    },
    hoverleave: function() {
        $(this).removeClass("active");
    }
},"ol li").on("click","li button",function() {
    $(this).closest("li").remove();
});