jquery - jquery コードを 1 行のコードにリファクタリングする

Question

私はこのjqueryコードを持っています:

$('#csv_button').attr('disabled', 'disabled').addClass("disabled");
$('#excel_button').attr('disabled', 'disabled').addClass("disabled");
$('#delete_button').attr('disabled', 'disabled').addClass("disabled");

このコードを 1 行のコードに単純化することは可能ですか?

Answer 1

複数のセレクターをコンマで区切ることができます。

$('#csv_button,#excel_button,#delete_button').prop('disabled', true).addClass("disabled");

または、同じクラスを 3 つの要素すべてに適用し、クラス セレクターを使用することもできます。

$('.disabled-button').prop('disabled', true).addClass("disabled");

Answer 2

または、次のことができます。

  $("[id$='button']").prop('disabled', true).addClass("disabled");

これにより、IDが「button」で終わるすべての要素が返されます。

jqueryセレクターの詳細については、こちらをご覧ください。

Answer 3

$('#csv_button,#excel_button,#delete_button').attr('disabled','disabled').addClass("disabled");