如何在 JavaScript 中检查给定元素是否具有指定的类？

有时候需要在 JavaScript 中检查某个元素是否具有特定的类，以便做出相应的操作。以下是几种方法：

1. 使用 Element.classList 属性

const element = document.querySelector('.my-element');

if (element.classList.contains('my-class')) {
  // 具有指定的类
} else {
  // 没有指定的类
}

上面的代码首先使用 document.querySelector 方法获取了一个具有 .my-element 类的元素，然后通过 Element.classList.contains 方法检查是否具有 .my-class 类。如果有，就执行相应的操作。

2. 使用 Element.className 属性

const element = document.querySelector('.my-element');

if (element.className.indexOf('my-class') !== -1) {
  // 具有指定的类
} else {
  // 没有指定的类
}

上面的代码首先使用 document.querySelector 方法获取了一个具有 .my-element 类的元素，然后通过 Element.className 属性检查是否包含 .my-class 类名。如果有，就执行相应的操作。

3. 使用 jQuery 库

如果您正在使用 jQuery 库，可以使用以下方法：

if ($('.my-element').hasClass('my-class')) {
  // 具有指定的类
} else {
  // 没有指定的类
}

上面的代码使用 jQuery 库选择了具有 .my-element 类的元素，然后通过 hasClass 方法检查是否具有 .my-class 类。如果有，就执行相应的操作。

总的来说，以上三种方法都可以在 JavaScript 中检查给定元素是否具有指定的类。具体选用哪种方法，完全取决于您的代码和使用环境。