Показать сообщение отдельно
  #1 (permalink)  
Старый 03.09.2021, 14:41
Кандидат Javascript-наук
Отправить личное сообщение для firsmember Посмотреть профиль Найти все сообщения от firsmember
 
Регистрация: 08.11.2019
Сообщений: 113

Обернуть в div
Добрейшего дня Боги JS..
Нужна ваша помощь...

Имею: несколько блоков с разными id (может быть любым) и этих блоков может быть любое количество, в них есть блоки с классом .price-section__list (Этих блоков может быть любое количество) в них есть свои блоки с информаией.

<div id="blblblb1">
<div class="price-section__list">
  <div class="price-item">1</div>
</div>
<div class="price-section__list">
  <div class="price-item">2</div>
</div>
<div class="price-section__list">
  <div class="price-item">3</div>
</div>
<div class="price-section__list">
  <div class="price-item">4</div>
</div>
<div class="price-section__list">
  <div class="price-item">5</div>
</div>
<div class="price-section__list">
  <div class="price-item">6</div>
</div>
<div class="price-section__list">
  <div class="price-item">7</div>
</div>
</div>
<div id="blblblb2">
<div class="price-section__list">
  <div class="price-item">1</div>
</div>
<div class="price-section__list">
  <div class="price-item">2</div>
</div>
<div class="price-section__list">
  <div class="price-item">3</div>
</div>
<div class="price-section__list">
  <div class="price-item">4</div>
</div>
<div class="price-section__list">
  <div class="price-item">5</div>
</div>
<div class="price-section__list">
  <div class="price-item">6</div>
</div>
</div>


Нужно что бы если в блоках с разными id (может быть любым) и этих блоков может быть любое количество, блоков с классом .price-section__list (Этих блоков может быть любое количество) больше 5 то эти 5 отображались бы, как есть, без изменений, а все последующие были обернуты в блок с классом .price-hidden-items вот так:


<div id="blblblb1">
<div class="price-section__list">
  <div class="price-item">1</div>
</div>
<div class="price-section__list">
  <div class="price-item">2</div>
</div>
<div class="price-section__list">
  <div class="price-item">3</div>
</div>
<div class="price-section__list">
  <div class="price-item">4</div>
</div>
<div class="price-section__list">
  <div class="price-item">5</div>
</div>
<div class="price-hidden-items">
<div class="price-section__list">
  <div class="price-item">6</div>
</div>
<div class="price-section__list">
  <div class="price-item">7</div>
</div>
</div>
</div>
<div id="blblblb2">
<div class="price-section__list">
  <div class="price-item">1</div>
</div>
<div class="price-section__list">
  <div class="price-item">2</div>
</div>
<div class="price-section__list">
  <div class="price-item">3</div>
</div>
<div class="price-section__list">
  <div class="price-item">4</div>
</div>
<div class="price-section__list">
  <div class="price-item">5</div>
</div>
<div class="price-hidden-items">
<div class="price-section__list">
  <div class="price-item">6</div>
</div>
</div>
</div>

<div id="blblblb3">
<div class="price-section__list">
  <div class="price-item">1</div>
</div>
<div class="price-section__list">
  <div class="price-item">2</div>
</div>
<div class="price-section__list">
  <div class="price-item">3</div>
</div>
<div class="price-section__list">
  <div class="price-item">4</div>
</div>
</div>

<div id="blblblb4">
<div class="price-section__list">
  <div class="price-item">1</div>
</div>
<div class="price-section__list">
  <div class="price-item">2</div>
</div>
<div class="price-section__list">
  <div class="price-item">3</div>
</div>
<div class="price-section__list">
  <div class="price-item">4</div>
</div>
<div class="price-section__list">
  <div class="price-item">5</div>
</div>
<div class="price-hidden-items">
<div class="price-section__list">
  <div class="price-item">6</div>
</div>
<div class="price-section__list">
  <div class="price-item">7</div>
</div>
<div class="price-section__list">
  <div class="price-item">8</div>
</div>
<div class="price-section__list">
  <div class="price-item">9</div>
</div>
</div>
</div>


Подскажите пожалуйста решение ...
Ответить с цитированием