JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<html>
<head>
    <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1/jquery-ui.min.js"></script>
</head>
<body>
    <ul>
        <li style="background: silver; margin: 20px">
           sadsa <textarea></textarea>
        </li>
        <li style="background: silver; margin: 20px">
           sadasd <textarea></textarea>
        </li>
    </ul>
</body>
</html>

JavaScript

//$("ul").sortable();

$('textarea').each(function() {
    var $textarea = $(this);
    
    $textarea.on('click', function (e) {
        $(e.target).css('backgroundColor', 'yellow');
    });
    
    $textarea.on('blur', function (e) {
        $(e.target).css('backgroundColor', 'white');
    });
});