jQuery中如何仅通过单个类名选择存在多个动态类的元素

解决方案 #

这个需求完全可以实现，你之前的写法存在两处错误：

1. 类名前缀使用错误：属性选择器[class='xxx']中不需要额外加类选择器的前缀.
2. 匹配规则错误：[class='xxx']是完全匹配class属性的全部值，你的元素class属性还包含其他动态类，自然无法匹配成功

推荐写法（优先使用）

直接用标准的类选择器即可，只要元素包含natural类，不管同时存在多少其他类都会被命中：

$("coral-checkbox.natural").hide();

备选属性选择器写法（不推荐，仅做参考）

如果一定要用属性选择器实现，可以用包含匹配规则，不过该写法存在误匹配风险（如果存在其他类名包含natural字符串也会被选中）：

$("coral-checkbox[class*='natural']").hide();

内容的提问来源于stack exchange，提问作者ezhil