jQuery 获取类名 - JavaScript

在 jQuery 中，可以使用 .class 或者 .className 语法获取 DOM 元素中的类名。同时也可以使用 .hasClass() 方法检查元素是否包含某个类。

获取单个元素的类名

$(element).attr('class');

以上代码将返回元素的类名字符串。如需操作单个类名，可以使用 split()、join() 等方法。

var className = $(element).attr('class');
var classNames = className.split(' ');
// 修改目标类名
var newClassNames = classNames.map(function(name) {
  return name === 'old-class' ? 'new-class' : name;
});
$(element).attr('class', newClassNames.join(' '));

获取所有匹配元素的类名

$(selector).map(function() {
  return this.className;
}).toArray().join(' ');

以上代码返回所有匹配元素的类名字符串，使用 split()、join() 等方法可以操作该字符串。

检查元素是否包含某个类

$(element).hasClass(className);

以上代码返回布尔值，表示元素是否包含指定类名。

通过以上方法，可以方便地获取元素的类名，并进行相关操作。