首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何使用jQuery获取特定的类?

如何使用jQuery获取特定的类?
EN

Stack Overflow用户
提问于 2020-08-30 08:30:03
回答 3查看 69关注 0票数 1

我想要一个函数来返回以类别开头的类

代码语言:javascript
运行
复制
<article id="post-60425" class="post-60425 post type-post status-publish format-standard has-post-thumbnail category-book-summary  series-economic-and-bourse-books has-thumbnail">

谢谢

它没有特定的索引,谢谢

EN

回答 3

Stack Overflow用户

发布于 2020-08-30 09:05:51

代码语言:javascript
运行
复制
function getCategories(article) {
  return $(article).attr('class').split(' ').filter(function(c) {
    return c.startsWith('category')
  });
}

// One article by id
console.log(getCategories(document.getElementById('post-90988')));

// All articles
// $('article').each(function(index, item) { console.log(getCategories(item))});
代码语言:javascript
运行
复制
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<article id="post-60425" class="post-60425 post type-post status-publish format-standard has-post-thumbnail category-book-summary has-thumbnail"></article>
<article id="post-90988" class="post-90988 post type-post status-publish format-standard has-post-thumbnail category-book-summary  category-math-books has-thumbnail"></article>

票数 2
EN

Stack Overflow用户

发布于 2020-08-30 08:38:42

代码语言:javascript
运行
复制
function removeClassByPrefix(el, prefix) {
  const classes = el[0].className.split(/\s+/);
  classes.forEach((e) => {
    if(e.indexOf(prefix) == 0) {
      return e;
    }
  });
}

removeClassByPrefix($('article'), 'category-');
代码语言:javascript
运行
复制
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<article id="post-60425" class="post-60425 post type-post category-book-summary has-thumbnail">some article</article>

票数 0
EN

Stack Overflow用户

发布于 2020-08-30 09:36:05

你不需要jQuery,试试吧:

代码语言:javascript
运行
复制
const article = document.querySelector('article')
const categoryClass = [...article.classList].find(cls => cls.startsWith('category-'))
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/63652963

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档