为什么我不能得到这个 var 的值？

Question

我想用 jQuery 创建一个实时更改字段输入系统。这是我的代码：

$(function() {
  $('td').on('dblclick', function() {
    var tdValue = $(this).text();
    var tdTag = $(this).html();

    tdTag = '<input id="newClass" type="text" value="' + tdValue + '">';

    $(this).html(tdTag);
    
    $('input#newClass').on('change', function() {
      var inputVal = $(this).val();
      alert('inputVal =  ' + inputVal);

      var inputTag = $(this).html();
      alert('inputTag = ' + inputTag);

      var var3 = '<span> var3 ' + inputTag + '</span>';
      alert(var3);
    })
  })
})

为什么 inputTag 和 var3 是空的？这是我的（非常简单）html 代码

请注意，td 标签使用 PHP while 循环重复。提前谢谢你。

Answer 1

现在我没有足够的声誉来发表评论，我仍然很困惑。试试下面的代码，看看有没有适合你的。

var inputTag = $(this)[0].outerHTML;

或

var inputTag = $(this).parent()[0].outerHTML;

或

var var3 = '<span>' + inputVal + '</span>';
$(this).after(var3);
$(this).remove();

或者如果您只想将输入字段设置为只读，请尝试使用

$(this).prop("readonly", true);

为什么我不能得到这个 var 的值？

Why can't I get the value of this var?

html

javascript

jquery

onchange