访问td元素中的所有输入/文本框

时间:2014-07-03 18:32:35

标签: javascript jquery html

我使用的表格的超链接带有"编辑"在最后一栏。在前两列中有两个文本框,其readonly值设置为true。

当用户点击"编辑"链接我想将readonly属性更改为false,并将超链接的措辞更改为" Save"。

click函数附加到超链接后,如何访问这两个文本框?我的第一个想法是检查.parent的{​​{1}}元素并从那里开始,但这不起作用。我也尝试在任何input上查找closest td元素并执行.find,但我也无法使其工作(尽管我可能正在循环播放)通过input错误。

这是我到目前为止所拥有的:

inputs

1 个答案:

答案 0 :(得分:2)

试试这个:

$(this).closest('tr').find('input').attr('readonly', false);

您需要一直到TR,因为输入位于不同的列中。您不需要.each(),因为.attr()适用于所有选定的元素。