Jquery 如何检查CSS类中是否存在子字符串并将其删除？

我们有几个CSS类，其模式如下。它们都以

bg--

或

color--

开头。如何使用

jQuery

检查元素是否包含CSS类子字符串，如果找到，则将其删除

示例：

bg——白色

bg--红色

bg--橙色

颜色--橙色

颜色--红色

颜色--紫色

我试过的

$（函数（）{
var divEl=$（'div'）；
if（divEl.hasClass（'*=bkg--'））{
divEl.removeClass（'*=bkg--'）；
}
if（divEl.hasClass（'*=color--'））{
divEl.removeClass（'*=color--'）；
}
})；

在分布式方法论之前，整体构建资源吸收方法论。
通过高效的服务，我们将革命性的协作和想法共享有机地结合在一起。
通过资源均衡融合，可靠地最大化有影响力的电子零售商。

您可以访问所需的

.prop（）

（

“类”

）并使用JS的

$（“div”）.prop（“类”，函数（i，cls）{
console.log（“在：+cls之前”）
cls=cls.replace（/（^ |\s）（bg | color）--\s+/g'）；
console.log（“在：+cls之后）
返回cls；
})；

.bg--white{background:white；}
.bg--红色{背景：红色；}
.bg--橙色{背景：橙色；}
.color--橙色{color:orange；}
.color--red{color:red；}
.color--紫色{color:purple；}

整体
荧光磷光
可信

您是想看看它们是以bg或color开头，还是试图获取--之后的值？@bhmahler抱歉，我不得不更新这个问题，因为我忘了提到删除部分。可能是重复的我发现我可以使用

[class^=“bkg-->]

以获得我需要的，但这非常有效。@usernameabc没有。因为

[class^=“bkg-->]

如果您的元素有另一个前导类，例如：

class=“test bg orange”，则它将不起作用

@RokoCbuljan我刚刚测试了它，发现了与您提到的相同之处。这就更有理由继续使用您提供的方法。@usernameabc如果您想摆脱过于迭代的

$（“div”）

选择器，我对我的答案进行了扩展。