0

Добрый день. У меня на странице есть 30 одинаковых блоков (разный только контент: изображения, текст). Как мне вывести только первые 5 элементов с помощью JS?

Я думала сделать это через css, nth-child, но это будут костыли.

Заранее спасибо.

<div class="wrapper-block">
 <a href="#">
   <img src="1.jpg" alt="">
   <span class="person">123</span>
 </a>
</div>

И вот таких блоков у меня 30, а нужно всего 5. Может этот вопрос будет дубликатом, но я искала, ничего не нашла подходящего.

Спасибо.

5
  • 1
    nth-child(nth-of-type) - это не костыль, это вполне нормальное решение
    – soledar10
    18 авг 2017 в 9:46
  • 2
    Возможный дубликат вопроса: Вывод таблицы c ограниченным количеством записей и кнопкой "Select All" , только вместо строк таблицы у вас будут блоки
    – Cheg
    18 авг 2017 в 9:47
  • Имеете в виду скрыть все блоки, кроме первых 5?
    – Dmitry B.
    18 авг 2017 в 9:51
  • 1
    На JS это будет в такой же мере костыль как и на css :)
    – Dmitry B.
    18 авг 2017 в 9:52
  • Всем спасибо)) все получилось) через &:nth-child(n+6) { display: none; }
    – Kate
    18 авг 2017 в 9:59

1 ответ 1

-1

$('div.wrapper-block').slice(0, 5) например

2
  • А вы сами пробовали то, что предложили?
    – Cheg
    18 авг 2017 в 10:15
  • Пробовал и все отлично работает. В чем у вас проблема? 18 авг 2017 в 10:46

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.