重构jquery代码到一行代码

Question

我有这个jquery代码：

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

是否可以将此代码简化为一行代码？

Answer 1

您可以用逗号分隔多个选择器：

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

或者您可以将同一个类应用于所有3个元素并使用类选择器：

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

Answer 2

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

Answer 3

或者你可以这样做：

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

这将返回所有id为'button'的元素。

有关jquery选择器的更多信息，请访问here。