Question

如何禁用点击DIV内的所有元素？

<div id=largerdiv>

<button id=haha>haha1</button>

<textarea > </textarea>

</div>

我想禁用点击上面div中的两个元素

Answer 1

禁用所有输入..

$("#discobal :input").prop("disabled", true);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form id="discobal">
  <textarea>abc</textarea>
  <button>abc</button>
</form>

使用div：

$("#discobal :input").prop("disabled", true);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="discobal">
  <textarea>abc</textarea>
  <button>abc</button>
</div>

使用clickker：

$("#repensteeltje").click(function() {
  $("#discobal :input").prop("disabled", true);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="discobal">
  <textarea>abc</textarea>
  <button>abc</button>
</div>
<button id="repensteeltje">Disable all</button>

Answer 2

只需在两个元素上设置disabled属性：

＆＃13;

<textarea disabled></textarea>
<button disabled></button>

＆＃13;

禁用使用jQuery 2.1.3单击DIV中的所有元素

2 个答案: