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

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