@jamster

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

Есть 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/

Помогите как сделать. Или дайте направление где искать решение.
  • Вопрос задан
  • 231 просмотр
Решения вопроса 1
0xD34F
@0xD34F Куратор тега JavaScript
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/
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 3
delphinpro
@delphinpro Куратор тега JavaScript
frontend developer
$('.selector').each(function(){
  $(this).text(+$(this).text() + 1);
});

https://jsfiddle.net/knft23sr/1/
Ответ написан
alsolovyev
@alsolovyev
Ответ написан
Комментировать
dimovich85
@dimovich85 Куратор тега JavaScript
https://u-academy.net/
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы