如何使用 jQuery 取得和操作元素的類別清單？

使用jQuery 取得元素的類別清單

在jQuery 中，您可以使用attr('class' 檢索元素的類別清單) 方法，它傳回一個包含所有指派的類別的字串。要取得這些類別的數組，您可以使用 split(/s /);.

基於空格拆分字串。例如，如果您有一個包含 HTML 的元素：

<div class="Lorem ipsum dolor_spec sit amet">Hello World!</div>

您可以透過以下方式存取其類別清單：

var classList = $('#divId').attr('class').split(/\s+/);

這會產生以下陣列字串：

• 「Lore m”
• “ipsum”
• “dolor_spec”
• “坐”
• “amet”

尋找特定類別，例如“dolor_spec”，您可以迭代數組並將每個元素與您想要的類別名稱進行比較。

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

雖然 jQuery 提供了 hasClass() 方法來檢查元素是否具有特定的類，但它需要類別名稱要事先知道。如果實際的類別名稱是可變的，您可以使用基於陣列的方法來尋找和操作所需的類別。

以上是如何使用 jQuery 取得和操作元素的類別清單？的詳細內容。更多資訊請關注PHP中文網其他相關文章！