Добрейшего дня Боги 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>
Подскажите пожалуйста решение ...