只需一行代码即可将类的 disable 属性设置为 true答案

【问题标题】：set the disable property of classes to true in just one line of code只需一行代码即可将类的 disable 属性设置为 true
【发布时间】：2020-02-26 02:18:55
【问题描述】：

考虑这个代码片段：

$(".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？

【问题讨论】：

标签： javascript jquery optimization syntax

【解决方案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">

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

【讨论】：

这正是我需要的语法。谢谢你:)

【解决方案2】：

您可能可以使用以选择器开头的属性：

$("[class^=class_]").attr('disabled',true);

【讨论】：