JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
<li>Blah blah blah</li>
<li>Blah</li>
<li>Blah</li>
</ul>

CSS

ul {width: 50px}
li {
border: 1px solid;
}

JavaScript

$('li').each(function() {
    if ($(this).height() > 35) {
        $(this).hover(function() {
            $(this).css('background', 'red');
        }, function() {
            $(this).css('background', 'white');
        });
    }
});