javascript - 如何获取元素的所有 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(' ')

当然你可以切换到矫枉过正的开发模式并为它写一个 jQuery 插件:

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

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