javascript - 禁用 div 内的元素

Question

我有声明 $("#myDiv").attr("disabled","disabled");我认为一旦我禁用“父”容器，其中的所有元素都会被禁用。我实际上看到的是，该文本框看起来已禁用，并且“删除”在其中不起作用，但我可以在那里输入。同一个 div 内的复选框，看起来真的被禁用了，我无法选中/取消选中它。我不确定 100%，但我认为我已经使用了这种禁用方式并且它按我预期的方式工作(文本框不是 typeble)。所以我想知道我是否需要为文本框显式设置禁用，或者其他一些 CSS 可能会破坏我的预期。

更新:我知道如何为我需要的元素明确设置禁用，我只是不想这样做，我想问的是，如果它是禁用它的唯一方法，或者文本框可能与复选框完全一样工作(没有明确禁用它)和只是一些 CSS 打破了这种行为。

Answer 1

据我所知，这样做既不是跨浏览器友好的，也不是有效的标记。最好的选择是做类似的事情

$('#myDiv').find('input,textarea,select').attr("disabled", true);

那应该找到 div 中的所有表单元素并直接应用禁用标志

编辑:甚至只是

$('input,textarea,select', '#myDiv').attr("disabled", true);