如何透過 jQuery 和 JavaScript 取得並使用元素的類別列表？

使用jQuery 取得元素的類別列表

使用網頁中的元素時，可能需要存取或修改與它們相關的類別的列表。 jQuery 提供了一種檢索此資訊的便捷方法。

以陣列形式擷取類別清單

要以陣列形式取得所有指派給元素的類別名稱，您可以使用JavaScript 的className 屬性：

var classList = document.getElementById('divId').className.split(/\s+/);

該方法將className字串拆分為一個數組，每個類別名稱作為一個

迭代類別名稱

將類別列表作為數組後，您可以對其進行迭代並蒐索特定類別：

for (var i = 0; i < classList.length; i++) {
    if (classList[i] === 'someClass') {
        // Do something
    }
}

使用jQuery

同時jQuery 沒有直接提供以數組形式檢索類別列表的方法，它可用於檢查元素是否具有特定類別：

if ($('#divId').hasClass('someClass')) {
    // Do something
}

綜上所述，JavaScript 的className 屬性和jQuery 的hasClass()方法可用於檢索網頁中的元素類別清單並與之互動。

以上是如何透過 jQuery 和 JavaScript 取得並使用元素的類別列表？的詳細內容。更多資訊請關注PHP中文網其他相關文章！