JSFiddle - React, Tailwind, and code Playground

HTML

<ul id="ul">
    
</ul>

<input type="button" id="btn" value="append"/>

JavaScript

$(function(){
    $(document).on('mouseenter', 'li', function () {
            $(this).css('color','red');
    });
    $(document).on("mouseleave", "li", function() {
             $(this).css('color','black');
     });
    $('#btn').click(function() {
         
         $('#ul').append('<li>sample</li>');
         $('#ul').append('<li>sample</li>'); 
    });
})();