jquery - 如何禁用文本区域？

Question

如何禁用动态添加到 HTML 的文本区域？

HTML:

<div class="ss_datesel_inp_cont">
    <div class="ss_datesel_inp_right_corner">
    </div>
    <input autocomplete="off">
</div>

这是我尝试过的:

   $('.ss_datesel_inp_cont:textarea').prop("disabled", true);
   $('.ss_datesel_inp_cont:input').prop("disabled", true);

Answer 1

我在您发布的代码中没有看到 textarea 元素？根据您拥有的标记，您可以通过以下方式禁用输入:

$('.ss_datesel_inp_cont input').prop('disabled', true);

您的代码无法工作的原因很简单，因为选择器是错误的。输入是 .ss_datesel_inp_cont 的后代，因此您需要在 .ss_datesel_inp_cont 和 input 之间使用空格来指示它。输入也是直接子代，因此您也可以使用直接子标记 >，如 $('.ss_datesel_inp_cont > input')。