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_*');

这是让我失踪的新月级的方法。

Answer 1

将函数用作addClass param，如下所示：

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

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

如果这些元素上已有fp课程，请使用removeClass将其删除：

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

jQuery将新月类添加到div中的元素

1 个答案: