jquery - 如何使用 jQuery 在 HTML 表格的同一行中查找特定文本框？

Question

我希望有人能在这里帮助我。 看起来应该很容易，但我一直找不到解决方案。

我有一个如下所示的表格:

我已将 JavaScript 函数附加到最左侧 CheckBox 控件的 onclick 事件处理程序。这是我的 JavaScript:

// Toggle row colors when a "N/A" checkbox is clicked.
function handleNAClick(cb) {
    if ($(cb).parent().parent().hasClass('silver')) {
        $(cb).parent().parent().removeClass('silver').addClass('white');
    }
    else {
        $(cb).parent().parent().removeClass('white').addClass('silver');
    }
}

当单击 CheckBox 时，此函数会切换行颜色。

如果单击 CheckBox，我还希望能够启用/禁用行最右侧的 TextBox。

这个表是动态生成的，我提前不知道控件的ID。

如您所见，我已经可以获取表格行的句柄并更改颜色，但由于某种原因，我无法弄清楚如何获取该行上的 TextBox 的句柄行。

根据我的研究，这应该适用于在 jQuery 中启用文本框，但事实并非如此:

$(cb).parent().parent().find('input').removeAttr('disabled');

我什至无法更改 TextBox 中的文本:

$(cb).parent().parent().find('input').val('hotdog');

看起来它应该很简单，所以我倾向于认为我在某种程度上“笨手笨脚”。

有谁知道有更好的方法来做我想做的事吗？我搞砸了什么？

谢谢!

Answer 1

似乎您正在使用 <textarea>而不是<input> ，如果是这种情况，以下内容将起作用:

$(cb).parents('tr:first').find('textarea').prop('disabled', false);

由于您想要修改元素的属性，因此必须通过 .prop() 来完成方法，删除该属性不会执行任何操作。