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

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并添加类..