javascript - 只需一行代码即可将类的禁用属性设置为 true

Question

考虑这个代码片段:

$(".class_cao").attr('disabled',true);
$(".class_ao").attr('disabled',true);
$(".class_es").attr('disabled',true);
$(".class_eps").attr('disabled',true);
$(".class_jo").attr('disabled',true);

有没有办法让我只需一行代码即可将这些类的禁用属性设置为 true？

Answer 1

您可以将所有选择器放在一起，用逗号分隔:

$(".class_cao, .class_ao, .class_es, .class_eps, .class_jo").attr('disabled',true);

$(".class_cao, .class_ao, .class_es, .class_eps, .class_jo").attr('disabled',true);

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="checkbox" class="class_cao">
<input type="checkbox" class="class_ao">
<input type="checkbox" class="class_es">

如果您经常发现自己编写与上面类似的内容，您可能会考虑向所有此类元素添加另一个类(或找出不同的通用选择器)。