Задать вопрос
turbinikarpus
@turbinikarpus

Как при формировании списка на сервере, назначить .class элементам?

Как при формировании списка в родительском блоке зависимости от данных (из может быть 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 срабатывает при первоначальной загрузке. Логично считать сразу на сервере, при поступлении данных. Но не знаю как подойти к этому.
  • Вопрос задан
  • 44 просмотра
Подписаться 1 Простой Комментировать
Помогут разобраться в теме Все курсы
  • Skillfactory
    Профессия Fullstack веб-разработчик на JavaScript и PHP
    20 месяцев
    Далее
  • Хекслет
    PHP-разработчик
    10 месяцев
    Далее
  • Skillbox
    PHP-разработчик. Базовый уровень
    3 месяца
    Далее
Пригласить эксперта
Ответы на вопрос 1
@Arik
1. собираете массив данных для рендеринга
2. делаете подсчет что чего
3. отдаете вьюхе отрендерить массив + данные что куда добавить
Ответ написан
Комментировать
Ваш ответ на вопрос

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

Похожие вопросы