javascript - jQuery 将新月类添加到 div 内的元素

Question

我在一个部分中动态添加了一系列文章元素。我需要每篇文章都有一个新月类(fp_1，fp_2，fp_3，...)。 我怎样才能用jquery把它拉出来？

<section id="featured_posts">
  <article class="fp_1"></article>
  <article class="fp_2"></article>
  <article class="fp_3"></article>
</section>

$('#featured_posts article').addClass('fp_*'); 

这就是我所缺少的制作类(class)新月形的方法。

Answer 1

使用函数作为addClass参数，如下所示:

$('#featured_posts article').addClass(function(index) {
  return 'fp_' + (index + 1);
});

Demo 。为集合中的每个元素调用该函数，它接收该元素从 0 开始的索引 - 因此需要添加 1(因为您的索引显然是从 1 开始的)。

如果这些元素上已经存在 fp 类，只需使用 removeClass 将其删除:

$('#featured_posts article').removeClass('fp').addClass(...);