Javascript jquery禁用每个按钮

我有一个带有文本区域和按钮的表格 我希望在文本区域为空时禁用按钮，在不为空或用户填充该文本区域时启用按钮

这是我的示例html代码 我使用php循环生成这个表

<table>
<tr>
<td><textarea name="text1" id="text1"></textarea></td>
<td><input type="button" class="btn btn-primary" id="btn1"></td>
</tr>
<tr>
<td><textarea name="text2" id="text2"></textarea></td>
<td><input type="button" class="btn btn-primary" id="btn2"></td>
</tr>
<tr>
<td><textarea name="text3" id="text3"></textarea></td>
<td><input type="button" class="btn btn-primary" id="btn3"></td>
</tr>
</table>

对于禁用按钮，我想使用addclass“disabled”和romoveclass“Enabled” 对于启用标记，请使用addclass“Enabled”和removeclass“disabled”

请帮助我使用jquery。

---

thx之前，您可以执行以下操作：

$（'textarea'）。打开（'keyup-keydown-keypress-change-paste'，函数（）{
if（$（this.val（）=''）{
$（this）.closest（'tr'）.find（'.btn'）.removeClass（'enabled'）.addClass（'disabled'））
}否则{
$（this）.closest（'tr'）.find（'.btn'）.removeClass（'disabled'）.addClass（'enabled'））
}
});
。已禁用{
颜色：红色；
}
.启用{
颜色：绿色；
}
您可以执行以下操作：
您想一次禁用所有按钮还是一次禁用一个按钮？如果text1为空，请禁用按钮1。如果文本2为空，则禁用按钮2。如果文本3为空，请禁用按钮3。等等