javascript - 使用 jQuery 禁用表列的所有控件

Question

我希望使用 jQuery 禁用指定表列 (td) 的所有元素(控件)。

我的表格如下所示:

<table>
  <tr>
    <td id="1.1.tcol"></td>
    <td id="1.2.tcol"></td>
    <td id="1.3.tcol"></td>
    <td id="1.4.tcol"></td>
  </tr>
  <tr>
    <td id="2.1.tcol"></td>
    <td id="2.2.tcol"></td>
    <td id="2.3.tcol"></td>
    <td id="2.4.tcol"></td>
  </tr>
</table>

表格是动态生成的，但它是这样呈现的。现在我的每一个 <td>有多个控件，如选择、复选框、按钮，但不是每一行和每一列都是固定的。我希望禁用指定 <td> 的所有控件通过使用它的 Id。

我使用了以下 jQuery，但它似乎无法完成工作:

$('#' + td_id).select('*').each(function(element){element.disabled=true});

我也试过下面的方法，还是不行:

$('#' + td_id).attr('disabled', 'false');

我做错了什么吗？请帮忙。

谢谢!

Answer 1

试试这个

$('#' + td_id).find(':input').prop("disabled", true);

:input 选择所有输入元素