获取应用于元素的类列表，我们可以使用

$('#elementID').prop('classList')

要添加或删除任何类，我们可以按照下面的步骤。

$('#elementID').prop('classList').add('yourClassName')
$('#elementID').prop('classList').remove('yourClassName')

为了简单地检查类是否存在，我们可以使用hasClass

为什么没有人简单的上市。

$(element).attr("class").split(/\s+/);

编辑:分裂/\s+/而不是' '修复@MarkAmery的反对。(谢谢@YashaOlatoto。)

更新:

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

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

或者更现代

const classes = element.classList;

旧:

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

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

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

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

感谢这一点-我有一个类似的问题，因为我试图通过编程将对象与分层类名联系起来，即使这些名称可能不一定是我的脚本所知道的。

在我的脚本中，我想要一个<a>标记通过给<a>标记[some_class]加上toggle的类来打开/关闭帮助文本，然后给它的帮助文本[some_class]_toggle的类。这段代码成功地找到了使用jQuery的相关元素:

$("a.toggle").toggle(function(){toggleHelp($(this), false);}, function(){toggleHelp($(this), true);});

function toggleHelp(obj, mode){
    var classList = obj.attr('class').split(/\s+/);
    $.each( classList, function(index, item){
    if (item.indexOf("_toggle") > 0) {
       var targetClass = "." + item.replace("_toggle", "");
       if(mode===false){$(targetClass).removeClass("off");}
       else{$(targetClass).addClass("off");}
    }
    });
} 

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

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

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

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

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

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

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

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

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

希望能有所帮助。

你应该试试这个:

$("selector").prop("classList")

它返回元素当前所有类的列表。