是否可以使用jquery编辑表行

时间:2012-01-13 12:34:15

标签: jquery jquery-selectors

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

我只是想知道如何使用jquery在表中编辑tr并获取edit tr值,通过上面的jquery我可以在编辑之前获取tr的值但是在编辑之后我无法使用它来获取它jquery的

2 个答案:

答案 0 :(得分: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();
});

答案 1 :(得分:0)

是的...你可以使用.append(),. after(),. before()方法编辑.. 这里放一个例子......

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

其中'#tr'是表行id,之后你可以使用上面的代码添加文本框,尝试after(),. before()以及..