Как при формировании списка в родительском блоке зависимости от данных (из может быть 10 или 100), назначить детям определенный
.class
, если детей больше
n числа.
Запилено, на .jq
$('.list').each(function(){ // Родитель
var filterAmount = $(this).find('.item').length; // Дети и операции над ними
if( filterAmount > 8){
$('.item', this).eq(7).nextAll().hide().addClass('item-hidden');
$(this).append('<div class="more">Показать все данные</div>');
}
});
// Далее участок с действием кнопки
<div class="list">
<div class="item"></div>
</div>
Но, при получении еще данных, список рендерится и получается раскрытым, т.к. код jq срабатывает при первоначальной загрузке. Логично считать сразу на сервере, при поступлении данных. Но не знаю как подойти к этому.