如何获取元素的所有CSS类? [英] How to get all CSS classes of an element?

问题描述

我有一个具有多个类的元素，我想在一个数组中获取其css类.我该怎么做?像这样:

I have an element with multiple classes and I'd like to get its css classes in an array. How would I do this? Something like this:

var classList = $(this).allTheClasses();

推荐答案

无需使用jQuery:

No need to use jQuery for it:

var classList = this.className.split(' ')

如果您出于某种原因想要从jQuery对象中执行此操作，那么这两种解决方案也可以:

If you for some reason want to do it from a jQuery object, those two solutions work, too:

var classList = $(this)[0].className.split(' ')
var classList = $(this).prop('className').split(' ')

当然，您可以切换到过大的开发模式并为其编写jQuery插件:

Of course you could switch to overkill development mode and write a jQuery plugin for it:

$.fn.allTheClasses = function() {
    return this[0].className.split(' ');
}

然后$(this).allTheClasses()将为您提供一个包含类名称的数组.

Then $(this).allTheClasses() would give you an array containing the class names.

这篇关于如何获取元素的所有CSS类?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！