Javascript 如何使用jquery在输入字段中显示变量？

我有一个表，我想在单击时更新表单元格的值。 我想显示一个包含当前值的输入字段。 当前值正在显示，但当我单击输入字段进行编辑时，输入字段突然变为空

$('td#11').click(function(event){
 var valuee = $('td#11').text();
 $('td#11').html("<form method='post'><input style='color:black;' value=" +valuee+ "></form>");

});

$（'td#11'）。单击（函数（事件）{
var valuee=$（'td#11'）。text（）；
$（'td#11'）.html（“”）；
});

另一种解决方案：

$('td#11').click(function(event){
if($('td#11').find('form, input').length == 0) { 
    var valuee = $('td#11').text();
    $('td#11').html("<form method='post'><input id='txt11' style='color:black;' value=" +valuee+ "></form>");
}
});

工作演示

---

另一种解决方案：

$('td#11').click(function(event){
if($('td#11').find('form, input').length == 0) { 
    var valuee = $('td#11').text();
    $('td#11').html("<form method='post'><input id='txt11' style='color:black;' value=" +valuee+ "></form>");
}
});

工作演示

---

问题在于，您的单击事件会一次又一次地触发，以此类推

要避免这种情况，请使用

event.target.tagName

并检查它是否与“INPUT”不匹配

$（'td#11'）。单击（函数（事件）{
if（event.target.tagName！=“输入”）{
var valuee=$（'td#11'）。text（）；
$（'td#11'）.html（“”）；
}
});

下面的工作演示

$（'td#11'）。单击（函数（事件）{
if（event.target.tagName！=“输入”）{
var valuee=$（'td#11'）。text（）；
$（'td#11'）.html（“”）；
}
});

文本
问题在于您的单击事件会一次又一次地触发，以此类推

要避免这种情况，请使用
event.target.tagName
并检查它是否与“INPUT”不匹配

$（'td#11'）。单击（函数（事件）{
if（event.target.tagName！=“输入”）{
var valuee=$（'td#11'）。text（）；
$（'td#11'）.html（“”）；
}
});

下面的工作演示


$（'td#11'）。单击（函数（事件）{
if（event.target.tagName！=“输入”）{
var valuee=$（'td#11'）。text（）；
$（'td#11'）.html（“”）；
}
});

文本
请包括所有相关代码请包括所有相关代码