Дайте несколько уникальных классов элементов

Question

У меня есть группа элементов span, и я хочу дать им уникальные классы. как один, два, три четыре. Затем повторите для следующего контейнера с тем же классом. Это возможно с jQuery/vanilla js? Вернее, как мне это сделать?

Мой HTML:

<div class="ccbnOutline"> 
    <span></span> -- give class one 
    <span></span> -- give class two 
    <span></span> -- give class three 
    <span></span> -- give class four 
</div> 

<div class="ccbnOutline"> 
    <span></span> -- give class one 
    <span></span> -- give class two 
    <span></span> -- give class three 
    <span></span> -- give class four 
</div> 

Answer 1

Try:

var arr=["one","two","three","four"]; 
     $('.ccbOutline').each(function(ix,val) { 
       val.find('span').each(function(i,v){ 
      $(this).addClass(arr[i]); 
     }); 
    }); 

Answer 2

вам нужен массив отображения, как этот

var arr=["one","two","three","four"]; // "five","six " and so an 
$('.ccbOutline span').each(function(i){ 
    $(this).addClass(arr[i]); 
});