Как достать значения div?

Question

[jamster]

Есть 5 дивов с текстовыми узлами внутри:

<div class="counter">
		<div class="count" data-num=''>1</div>
		<div class="count" data-num=''>2</div>
		<div class="count" data-num=''>3</div>
		<div class="count" data-num=''>4</div>
	</div>

Задача состоит в следующем: взять все значения, преобразовать в строку-число, прибывать к этому числу другое число. И сделать обратное действие, расформировать результат по div'am.

Вообщем, что у меня получилось. Но это сильно по-уродски. Помогите написать грамотнее.

https://jsfiddle.net/r733me83/1/

Помогите как сделать. Или дайте направление где искать решение.

Answer 1

[0xD34F]

setInterval(count => {
  const
    len = count.length,
    val = `${+count.map(n => n.textContent).join('') + 1}`.padStart(len, 0).slice(-len);

  count.forEach((n, i) => n.textContent = val[i]);
}, 50, [...document.querySelectorAll('.count')]);

https://jsfiddle.net/vtp4wqfo/

Answer 2

[Сергей delphinpro]

$('.selector').each(function(){
  $(this).text(+$(this).text() + 1);
});

https://jsfiddle.net/knft23sr/1/

Comments

[jamster]

не плохое решение, но необходимо не к каждому значению прибавлять 1, а к значений всех дивов в виде числа.
Т.е необходимо перебрать массив, сложить этот массив, преобразовать в целочисленный тип данных. Прибавить N. И обратно сделать.

[Сергей delphinpro]

jamster, ну так допилите под свои нужды =)

Answer 3

[Aleksey Solovyev]

https://jsfiddle.net/zrpq125n/5/

Answer 4

[Dima Polos]

Так?