javascript - 从 td 切换到 input 并用新值重新打开 td

Question

我对此有点陌生。

下面的代码正在运行

切换td到输入并可以在单击输入按钮时编辑值并返回td新值但是当鼠标单击时它只显示输入 html 代码没有值

<script>

    $('td').dblclick(function (tdin) {
        var td_data =  $(this).html();
        var td_dtin =  $(this).html('<input type="text" value='+td_data+'>');
        $('input').keyup(function (enter) {
            var td_edit =  $(this).val();
                if (enter.which === 13) {
                    var td_edit =  $(this).val();
                    $(this).hide(); 
                    var inin=  $(this).replaceWith(td_edit);
                }
        })
    })

</script>

标签： javascriptjquery

Answer 1

尝试使用.text()而不是.html()：

$('td').dblclick(function (tdin) {
    var td_data =  $(this).html();

    // rest of code...
})