如何使用jQuery获取特定类及以category开头的类

嘿，我来帮你搞定这两个jQuery相关的问题！

这得分两种场景来处理：

• 如果你只是想检查元素是否包含某个特定类，直接用jQuery内置的.hasClass()方法最省心：

  // 检查id为post-60425的元素是否包含category-book-summary类
  const hasTargetClass = $('#post-60425').hasClass('category-book-summary');
  

• 如果你想获取元素的所有类并筛选，可以先用.attr('class')拿到类属性的完整字符串，再拆分成数组：

  // 获取目标元素的所有类，转为数组格式
  const allClasses = $('#post-60425').attr('class').split(' ');
  // 之后你可以遍历数组，找到自己需要的特定类
  

针对你给出的示例元素（类的位置不固定），我们可以写一个健壮的函数来实现需求：

function getCategoryClasses(element) {
  // 先处理元素没有class属性的边界情况
  const classString = $(element).attr('class');
  if (!classString) return [];

  // 把类字符串拆分为数组，过滤出以category-开头的类
  const allClasses = classString.split(' ');
  return allClasses.filter(className => className.startsWith('category-'));
}

使用示例 #

拿你提供的article元素测试一下：

// 选中目标元素
const postElement = $('#post-60425');
// 调用函数获取所有以category开头的类
const result = getCategoryClasses(postElement);
console.log(result); // 输出: ["category-book-summary"]

这个函数还能适配极端情况：如果元素没有class属性，或者没有符合条件的类，都会返回空数组，避免报错。

内容的提问来源于stack exchange，提问作者user4876127