javascript - 为什么我无法获取这个 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);