EditableGrid -获取<td>通过jQuery

EditableGrid - get new value of <td> via jQuery

本文关键字：通过 jQuery td 获取 EditableGrid      更新时间：2023-09-26

我正在使用editableGrid表，我需要将<td>元素的编辑内容复制到隐藏的<input> s中。

我试图通过jQuery .text()方法获得这些，但它在更改前返回值。当我再次编辑<td>时，它返回先前输入的文本等。简单的例子:

<table id="htmlgrid" class="testgrid">
<tr id="0">
    <td>Fridge 123</td>
    <input type="hidden" name="[0][name]" value="Fridge 123">
    <td>7.000 CZK</td>
    <input type="hidden" name="[0][price]" value="7000">
</tr>
</table>

现在，我要做的是将名称"Fridge 123"更改为"Fridge 456"，并将这个新名称复制到input: <input type="hidden" name="[0][name]" value="Fridge 456">

使用jQuery代码

$("#htmlgrid td").change(function() {
    console.log($(this).text());
});

我得到Fridge 123的值，这是错误的。如何做到这一点，以获得新输入的值?

从查询文档来看，change事件仅限于<input>元素，<textarea>框和<select>元素。

试试

$("#htmlgrid td").bind("DOMSubtreeModified",function(){
  console.log($(this).text());
});

或

$("#htmlgrid td").on("change",'input',function(){
  console.log($(this).val());
});
相关文章：