Задать вопрос
@Breeze1
javascript

Счетчик блоков на jquery?

Ребят, помогите скрипт закончить.
По клику на кнопку подгружаются блоки, по 4 штуки.

https://codepen.io/brezze/pen/MqRBpB

Нужно сделать счетчик который находится в левом углу. Первое число показывает сколько сейчас блоков открыто, последнее, сколько всего блоков в контейнере. Нужно сделать так, чтобы это все через js записывалось. Если например мы кликаем по кнопке и открываем новые 4 блока, в счетчик должно это записаться и значение меняется с 4 на 8 например. А в последнее число нужно через js чтобы считывалось число всех блоки которые в контейнере.
  • Вопрос задан
  • 390 просмотров
Комментировать
Подписаться 1 Простой Комментировать
Решения вопроса 1
0xD34F
@0xD34F Куратор тега JavaScript 
<div class="counter">
  <span class="counter__visible"></span> /
  <span class="counter__total"></span>
</div>

$('.loadmore').on('click', function(e) {
  e.preventDefault();

  const $items = $('.item');

  $items.filter(':hidden').slice(0, 4).fadeIn();

  const visible = $items.filter(':visible').length;

  $('.counter__visible').text(visible);
  $('.counter__total').text($items.length);

  if ($items.length === visible) {
    $(this).fadeOut('slow');
  }
}).click();
Ответ написан
3 комментария
3 комментария
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript разработчик
SummerWeb • Ярославль
от 100 000 до 140 000 ₽
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
JavaScript разработчик
Мэтч
от 80 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Геймдизайнер - просчет pvp боя (3 параметра) и накопление монет
23 апр. 2024, в 10:29
10000 руб./за проект
Помощь с С++ проектом
23 апр. 2024, в 10:24
2500 руб./в час
Залить товары и опции на сайт Опенкарт
23 апр. 2024, в 10:05
5000 руб./за проект
Ещё заказы