Почему я не могу получить значение этой переменной?

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);