Можно ли редактировать строку таблицы с помощью jquery

Question

код

<td name="outwardQtyzzz"  align="left" valign="middle" bgcolor="#FFFFFF" class="rows"> <?=$row->outward;?> </td>

или

<td name="outwardQtyzzz"  align="left" valign="middle" bgcolor="#FFFFFF" class="rows"><input name="outwardQtyUpdated" type="hidden" value="" /> <?=$row->outward;?> </td>

JQuery

    var quantity=$("[name=outwardQtyzz]").val($(this).closest('tr').find('td:eq(3)').text());

Я просто хочу знать, как редактировать tr в таблице с помощью jquery и получать значение tr для редактирования. С помощью вышеуказанного jquery я могу получить значение tr перед редактированием, но после редактирования я не могу получить его, используя JQuery

Answer 1

Хорошо, основываясь на ваших комментариях. Я думаю, что вы хотите получить значение после того, как потеряли фокус ввода.

$("td.rows input").blur(function() {
  var quantity = $(this).val();
});

// or as of jQuery version 1.7
$("td.rows input").on('blur', function() {
  var quantity = $(this).val();
});

Answer 2

да ... вы можете редактировать, используя методы .append (), after (), before () .. Вот пример 1 ...

$('#tr').after($(' <input type="text"  style="width:40px;" id="setUnitName"/>'));

где '#tr' - идентификатор строки таблицы, после которого вы можете добавить текстовое поле, используя приведенный выше код, попробуйте также выполнить after (), before () ..