Как подсчет элементов в списке?

Question

[mydarck]

Нужно было подсчитать элементы в списке, использовал следующую функцию:

$('.accent-list-number .number').each(function( i ){
		var str = ++i + '.';
		$(this).before('<span>' + str + '</span>');
	});

, где элемент с классом ".accent-list-number" это тег UL, с классом ".number" это элементы списка (LI). Но если на странице появляется более одного списка, то порядковые номера продолжаются, а не начинаются с начала в последующий списках. Как это поправить?

Comments

[mydarck]

$('.accent-list-number').each(function() {
$(this).find('.number').each(function(i) {
$(this).before('' + (++i) +'')
})
})

Answer 1

[gleendo]

const count = (lists, itemClass, startIndex) => {
  [...lists].forEach(list => {
    [...list.querySelectorAll(`.${itemClass}`)].forEach((li, index) => {
      li.innerHTML = `<span>${index + startIndex}</span> ${li.innerHTML}`;
    });
  });
};

count(document.querySelectorAll(".accent-list-number"), "number", 1);