如何从 HTML 元素中删除具有特定前缀的类？

从 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中文网其他相关文章！