从 HTML 元素中删除具有特定前缀的类
在某些情况下，需要根据预定义的前缀从元素中删除类。考虑一个带有>
挑战：
我们的目标是有效删除具有特定前缀（例如“bg”）的所有类。尝试的解决方案 $("#a").removeClass("bg*") 未能达到预期结果。
解决方案：
此任务需要一种更有针对性的方法，其中包括过滤掉并重新分配班级列表。下面介绍了使用 JavaScript 或 jQuery 的更准确的实现：
JavaScript:
var prefix = "prefix";
var classes = el.className.split(" ").filter(function(c) {
return c.lastIndexOf(prefix, 0) !== 0;
});
el.className = classes.join(" ").trim();jQuery Mixin:
$.fn.removeClassPrefix = function(prefix) {
this.each(function(i, el) {
var classes = el.className.split(" ").filter(function(c) {
return c.lastIndexOf(prefix, 0) !== 0;
});
el.className = $.trim(classes.join(" "));
});
return this;
};2018 ES6更新：
const prefix = "prefix";
const classes = el.className.split(" ").filter(c => !c.startsWith(prefix));
el.className = classes.join(" ").trim();这些解决方案有效地识别和删除以指定前缀开头的所有类名称，从而允许动态类管理和操作。
以上是如何从 HTML 元素中删除具有特定前缀的类？的详细内容。更多信息请关注PHP中文网其他相关文章！
