установите для свойства disable классов значение 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);

Есть ли способ заставить меня установить для свойства disable этих классов значение 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">

Если вы часто пишете что-то похожее на описанное выше, вы можете рассмотреть возможность добавления другого класса ко всем таким элементам (или выяснения другого общего селектора).

Answer 2

Вы, вероятно, можете использовать атрибут начинается с селектора:

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