Question

我想为每个容器内的元素分配类。

我尝试了这个脚本，它将子元素分类为它的类，但它继续为每个容器，一，二，三，四，然后为下一个容器五，六，七和八。

$('.container span').each(function(i){
$(this).addClass('class'+i);
})

如何执行此操作并为下一个父容器重新添加类？

HTML：

<div class="container">
    <span></span> - assign class one
    <span></span> - assign class two
    <span></span> - assign class three
    <span></span> - assign class four
</div>

<div class="container">
    <span></span> - assign class one
    <span></span> - assign class two
    <span></span> - assign class three
    <span></span> - assign class four
</div>

Answer 1

你可以这样做：

$('.container').each(function () {
    $(this).find('span').each(function (i) {
        $(this).addClass('class' + i);
    });
});

使用类.container遍历每个元素，然后在其中找到span并添加类..

将类添加到子元素，并重新开始具有相同父类的下一个容器

1 个答案: