JSFiddle - React, Tailwind, and code Playground

HTML

<ul class="click">
    <li class="editable">Text</li>
</ul>

JavaScript

$(document).on("click", ".click li.editable", function(){
        //
        var item = $(this);
        item.removeClass("editable");
        var word = item.html();
        item.empty();
        item.append('<input class="quick-edit" type="text" name="quick_edit" value="'+ word +'" />');
        $(".quick-edit").focus();
        //
    });