Javascript 按下按钮时禁用表中的某些输入

我目前有一个表，其中包含一些值、2个输入字段和该表中每行的一个按钮。我想发生的是，当我按下第三行的按钮时，第三行的输入字段将被禁用。其他行应保持不受影响。不幸的是，由于程序的性质，无法向输入和按钮添加ID

有人知道一个好方法吗

<tr>
    <td>Text A</td>
    <td>Text B</td>
    <td><input class="editable"></td>
    <td>Text C</td>
    <td><input class="editable></td>
    <td>Text D</td>
    <td><button class="disableInput">OK</button></td>
<tr>

文本A
文本B
文本C
您可以通过遍历DOM来实现这一点


$（'.disableInput'）。在（'click'，function（）{
var input=$（this）.closest（'tr'）。find（'input'）；
var currstatus=input.prop（'disabled'）；
input.prop（'disabled'，！currstatus）；
});

切换输入
切换输入
切换输入
您可以通过遍历DOM来实现这一点


$（'.disableInput'）。在（'click'，function（）{
var input=$（this）.closest（'tr'）。find（'input'）；
var currstatus=input.prop（'disabled'）；
input.prop（'disabled'，！currstatus）；
});

切换输入
切换输入
切换输入
由于您使用的是jQuery，因此可以执行以下操作：


$（文档）.ready（函数（）{
$（“table td.btn”）。单击（function（）{
if（$（this）.closest（“tr”）.find（“input”）.attr（“disabled”）==“disabled”）{
$（this）.closest（“tr”）.find（“input”）.removeAttr（“disabled”、“disabled”）；
$（此）.tr.find（“按钮”）.text（“解散”）；
}  
否则{
$（this）.recessed（“tr”）.find（“input”）.attr（“disabled”、“disabled”）；
$（此）.tr.find（“按钮”）.text（“启用”）；
} 
});
});

使残废
使残废
使残废
由于您使用的是jQuery，因此可以执行以下操作：


$（文档）.ready（函数（）{
$（“table td.btn”）。单击（function（）{
if（$（this）.closest（“tr”）.find（“input”）.attr（“disabled”）==“disabled”）{
$（this）.closest（“tr”）.find（“input”）.removeAttr（“disabled”、“disabled”）；
$（此）.tr.find（“按钮”）.text（“解散”）；
}  
否则{
$（this）.recessed（“tr”）.find（“input”）.attr（“disabled”、“disabled”）；
$（此）.tr.find（“按钮”）.text（“启用”）；
} 
});
});

使残废
使残废
使残废
到目前为止，您的代码在哪里？请解释一下“程序的性质”每一行都有输入字段和按钮，您的意思是什么？@Sionnach733该表是由一个我无法控制的外部资源生成的，我只是导入数据并获取表的HTML。不幸的是，这意味着我不能简单地给出所有的字段和按钮ID，而不必编写大量的JS（我想）。我也不能放弃这个外部资源，因为我写这个网站的人要求我将它用于表格。@Sandepnayak Indeed，你的代码到目前为止在哪里？请解释一下“程序的性质”，你的意思是每一行都有输入字段和按钮？@Sionnach733表格是由我使用的外部资源生成的没有控制，我只是通过管道输入数据，并获取返回表的HTML。不幸的是，这意味着我不能简单地给出所有的字段和按钮ID，而不必编写大量的JS（我想）。我也不能放弃这个外部资源，因为我为其撰写此网站的人要求我将其用于表格。@SandeepNayak Indeed你怎么能认为OP正在使用jQuery？因为现在谁不使用Sandeep呢。除非你对节省时间不感兴趣，否则你怎么能认为OP在使用jQuery？因为现在谁不这么认为呢。除非你不想节省时间
$(tableId).on("click", "button", function(){
    $(this).closest("tr").find("input").attr("disabled", true);
})