JSFiddle - React, Tailwind, and code Playground

HTML

<table>
    <tr>
        <td dir="ltr" id="test1" class="tLine" nowrap>sdadfew</td>
    </tr>
</table>

JavaScript

$(function () {
    $("table td").dblclick(function () {
        newInput(this);
    });
});

function closeInput(elm) {
    var value = $(elm).find('input').val();
    $(elm).empty().text(value);

    $(elm).bind("dblclick", function () {
        newInput(elm);
    });
}  
        
function newInput(elm) {
    $(elm).unbind('dblclick');

    var value = $(elm).text();
    $(elm).empty();
    
    $("<input>")
        .attr('type', 'text')
        .val(value)
        .blur(function() {
            closeInput(elm);
        })
        .appendTo($(elm))
        .focus();
}