jquery - 将 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 选择器的信息可以在这里找到。