为什么我无法获得此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);