对于image类型的元素，我也遇到了类似的问题。我需要检查元素是否属于特定的类。首先我尝试了:

$('<img>').hasClass("nameOfMyClass"); 

但我得到了一个漂亮的“这个函数不适用于这个元素”。

然后我在DOM资源管理器上检查了我的元素，我看到了一个可以使用的非常好的属性:className。它包含元素中所有类的名称，用空格分隔。

$('img').className // it contains "class1 class2 class3"

一旦你得到这个，就像往常一样分割字符串。

在我的情况下，这是有效的:

var listOfClassesOfMyElement= $('img').className.split(" ");

我假设这将与其他类型的元素(除了img)一起工作。

希望能有所帮助。

更新:

正如@莱恩·伦纳德指出的那样，我的回答并没有真正解决我自己提出的问题……你需要修剪和删除双空格(例如)字符串。替换(/ +/g， " ")..或者你可以分开坐电车。然后使用(例如)arr.filter(Boolean)删除空值。

const classes = element.className.split(' ').filter(Boolean);

或者更现代

const classes = element.classList;

旧:

对于所有给出的答案，你不应该忘记使用.trim()(或$.trim())

因为类会被添加和删除，所以在类字符串之间可能会有多个空格。如。'class1 class2 class3'..

这将变成[class1, class2 ','','','', ' 类别3 ']. .

当你使用修剪，所有的多个空格被删除。

$('div').attr('class').split(' ').each(function(cls){ console.log(cls);})

下面是一个jQuery插件，它将返回匹配元素的所有类的数组

;!(function ($) {
    $.fn.classes = function (callback) {
        var classes = [];
        $.each(this, function (i, v) {
            var splitClassName = v.className.split(/\s+/);
            for (var j = 0; j < splitClassName.length; j++) {
                var className = splitClassName[j];
                if (-1 === classes.indexOf(className)) {
                    classes.push(className);
                }
            }
        });
        if ('function' === typeof callback) {
            for (var i in classes) {
                callback(classes[i]);
            }
        }
        return classes;
    };
})(jQuery);

像这样使用它

$('div').classes();

在你的情况下

["Lorem", "ipsum", "dolor_spec", "sit", "amet"]

您还可以将一个函数传递给每个类上要调用的方法

$('div').classes(
    function(c) {
        // do something with each class
    }
);

下面是我用来演示和测试http://jsfiddle.net/GD8Qn/8/的jsFiddle

缩小的Javascript

;!function(e){e.fn.classes=function(t){var n=[];e.each(this,function(e,t){var r=t.className.split(/\s+/);for(var i in r){var s=r[i];if(-1===n.indexOf(s)){n.push(s)}}});if("function"===typeof t){for(var r in n){t(n[r])}}return n}}(jQuery);

javascript为dom中的节点元素提供了classList属性。简单的使用

  element.classList

将返回form对象

  DOMTokenList {0: "class1", 1: "class2", 2: "class3", length: 3, item: function, contains: function, add: function, remove: function…}

该对象具有您可以使用的包含、添加、删除等函数

在支持的浏览器上，你可以使用DOM元素的classList属性。

$(element)[0].classList

它是一个类似数组的对象，列出元素的所有类。

如果您需要支持不支持classList属性的旧浏览器版本，则链接的MDN页面还为它包含了一个shim -尽管即使是shim也不能在ie8以下的Internet Explorer版本上工作。