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

Question

我使用的表格具有最后一列中带有“编辑”字样的超链接。前两列中有两个文本框，其 readonly 值设置为 true。

当用户单击“编辑”链接时，我想将 readonly 属性更改为 false，并将超链接的措辞更改为“保存”。

将click函数附加到超链接后，如何访问这两个文本框？我的第一个想法是检查 .parent 元素中的 input 并从那里开始，但这不起作用。我还尝试寻找 closest td 元素并在任何 input 上执行 .find 但我不能让它工作(尽管我可能错误地循环输入输入。

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

    $('.editException').click(function () {
        if ($(this).text() == 'Save') {

        } else {
            //Change text of hyperlink (this is working)
            $(this).text('Save');

            //My two attempts at making the text boxes non-readonly
            $(this).parent('input').attr('readonly', false);
            $(this).closest('td').find('input').each(function () {
                this.readOnly = false;
            });
      });

Answer 1

试试这个:

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

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