jquery - 将数字类应用于子元素

Question

我似乎不知道如何将一个类添加到其父级内的一组元素中。

示例:

<div class="block">
  <a href="#" class="thumbnail"></a>
  <a href="#" class="thumbnail"></a>
  <a href="#" class="thumbnail"></a>
</div>
<div class="block">
  <a href="#" class="thumbnail"></a>
  <a href="#" class="thumbnail"></a>
  <a href="#" class="thumbnail"></a>
</div>

我希望它看起来像这样:

<div class="block">
  <a href="#" class="thumbnail group1"></a>
  <a href="#" class="thumbnail group1"></a>
  <a href="#" class="thumbnail group1"></a>
</div>
<div class="block">
  <a href="#" class="thumbnail group2"></a>
  <a href="#" class="thumbnail group2"></a>
  <a href="#" class="thumbnail group2"></a>
</div>

我尝试过类似的方法:

$("div.Block a").attr("class", function (arr) {
  return "group" + arr;
});

但这会返回 block 内的类，使其全部具有不同的数字，而不是分组。也许类似在父 div 上使用它，然后以某种方式将主 div 类复制到其每个子级？

Answer 1

$("div.block").each(function(i){
    $(this).find("a").addClass("group" + (i + 1));
});