Как правильно добавить классы для элементов с помощью цикла?

Question

[Иван Лыков]

Добрый вечер, назрел вопрос, задача довольно тривиальная.
Хочу добавить элементам классы с уникальным id.
Щас делаю таким образом

var all_area = $('.items_area');
	for(i = 1;  i < all_area.children().length; i++) {
		all_area.children().addClass('item_' + i);
	}

Но получаю такое,

Подскажите, как правильно добавить элементам класс с порядковым номером? без добавления лишних классов. Один элемент, один класс с своим id

Comments

[Сергей Сергей]

$('.items_area').each( function( i ) { $(this).addClass( 'item_'+i ) } );

[Иван Лыков]

Сергей Сергей, Выдает item_0 во всех элементах...

[Сергей Сергей]

Вот ту строчку, что я привёл, можно вписать в консоли разработки и посмотреть.

[Иван Лыков]

Сергей Сергей, Ну я так и сделал сразу, то оно родителю вешает item_0. потом начал вешать детям, тоже ноль...

[Сергей Сергей]

Теперь так.
$('.item_area').each( function( i ) { $(this).addClass( 'item_'+i ) } );

Вообще, нужно вглядываться в строчки.

[Иван Лыков]

Сергей Сергей, лол, не обратил внимания, Спасибо(

Answer 1

[Oleg Dobrygin]

$('.item_area').each(function(){
$(this).addClass(`item_${$(this).index()}`);
});