jquery - 如何找到带前缀的类并附加到元素？

Question

我在博客上有几篇文章，我需要从“p_”类中设置每个帖子的类别。

<article class="some-class p_category-name post">
    This is the category: <span id="category"></span>
</article>

这是我的代码，但不起作用（我在 jQ 中不太好）：

var category = $("article.post").find("div[class^='p_'], div[class*=' p_']");
$("#category").text(category);

编辑：并非每个帖子都有“p_”类。

Answer 1

我想你正在寻找

$('article.post > span.category').text(function () {
    return $(this).parent().attr('class').match(/\bp_(.*?)[\s|$]/)[1]
})

演示：小提琴

我将标记更改为使用category跨度类，以便页面中可以有多篇文章

<article class="some-class p_category-name post">
    This is the category: <span class="category"></span>
</article>

Answer 2

Arun P Johny爵士有一个很好的答案

只需对他的回答一分钱，就可以让它按照 OP 的要求工作。

小提琴

$('article.post > span.category').text(function () {
    return $.trim($(this).parent().attr('class').match(/\bp_(.*?)*\s\b/)[0]).replace('p_', '');
})