如何获取元素的所有CSS类？

Question

我有一个包含多个类的元素,我想在数组中获取它的css类.我该怎么做？像这样的东西:

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

Answer 1

无需使用jQuery:

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

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

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

当然你可以切换到overkill开发模式并为它编写一个jQuery插件:

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

然后$(this).allTheClasses()会给你一个包含类名的数组.

Answer 2

请注意,您还可以将其myElement.classList用作类似于数组的简单对象.除了IE 9及更低版本之外,目前所有主流浏览器都支持此功能.

Answer 3

这应该为你做的工作:

var classes = $('div').attr('class').split(" ");

这将是其他解决方案的jQuery解决方案还有其他答案!