首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >将jquery代码重构为一行代码

将jquery代码重构为一行代码
EN

Stack Overflow用户
提问于 2012-11-17 02:53:57
回答 3查看 69关注 0票数 0

我有这个jquery代码:

代码语言:javascript
复制
$('#csv_button').attr('disabled', 'disabled').addClass("disabled");
$('#excel_button').attr('disabled', 'disabled').addClass("disabled");
$('#delete_button').attr('disabled', 'disabled').addClass("disabled");

有没有可能将这段代码简化为一行代码?

EN

回答 3

Stack Overflow用户

回答已采纳

发布于 2012-11-17 02:54:46

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

代码语言:javascript
复制
$('#csv_button,#excel_button,#delete_button').prop('disabled', true).addClass("disabled");

或者,您可以将相同的类应用于所有3个元素,并使用类选择器:

代码语言:javascript
复制
$('.disabled-button').prop('disabled', true).addClass("disabled");
票数 6
EN

Stack Overflow用户

发布于 2012-11-17 02:55:20

代码语言:javascript
复制
$('#csv_button,#excel_button,#delete_button').attr('disabled','disabled').addClass("disabled");
票数 0
EN

Stack Overflow用户

发布于 2012-11-17 03:14:47

或者你可以这样做:

代码语言:javascript
复制
  $("[id$='button']").prop('disabled', true).addClass("disabled");

这将返回id以'button‘结尾的所有元素。

有关jquery选择器的更多信息可以在here上找到。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/13422664

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档