我似乎无法弄清楚如何将一个类添加到其父级中的一组元素中。
例子:
<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;
});
但这会使块内的类返回所有具有不同数字而不是分组的类。也许像在父 div 上使用它,然后以某种方式将主 div 类复制到它的每个孩子?