如何從 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中文網其他相關文章！