Добавить класс в дочерние элементы и начать сначала для следующего контейнера с тем же родительским классом

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 внутри него и добавить класс ..