GM_pAnda
@GM_pAnda
Бездельник

Как посчитать количество фото в блоке?

Суть такая, есть у меня несколько блоков на странице код выглядит вот так
Нужно посчитать в каждом блоке item сколько находится картинок и их количество
<div class="item" data-id="1">
	<div class="photo popup-gallery">
		<a class="photo-link img_product" href="img/img_product/ID1/1.jpg" title=""><img src="img/img_product/ID1/1.jpg" width="140"></a>
		<a class="photo-link img_product hidden" href="img/img_product/ID1/2.jpg"><img src="img/img_product/ID1/2.jpg" height="600" width="600"></a>
	<a class="photo-link img_product hidden" href="img/img_product/ID1/3.jpg"><img src="img/img_product/ID1/3.jpg" height="533" width="400"></a>
	</div>
<p class="col">Тут нужно вывести количество классов с названием "photo-link"</p>
</div>

<div class="item" data-id="2">
	<div class="photo popup-gallery">
		<a class="photo-link img_product" href="img/img_product/ID1/1.jpg" title=""><img src="img/img_product/ID1/1.jpg" width="140"></a>
		<a class="photo-link img_product hidden" href="img/img_product/ID1/2.jpg"><img src="img/img_product/ID1/2.jpg" height="600" width="600"></a>
	<a class="photo-link img_product hidden" href="img/img_product/ID2/3.jpg"><img src="img/img_product/ID2/3.jpg" height="533" width="400"></a>
        <a class="photo-link img_product hidden" href="img/img_product/ID2/3.jpg"><img src="img/img_product/ID2/4.jpg" height="533" width="400"></a>
	</div>
        <p class="col">Тут нужно вывести количество классов с названием "photo-link"</p>
</div>
  • Вопрос задан
  • 358 просмотров
Решения вопроса 1
qork
@qork
{ background: #F00B42 }
$('.item').each(function(){
  $(this).find('.col').text(($(this).find('.photo-link').length));              
});
Ответ написан
Пригласить эксперта
Ответы на вопрос 2
webinar
@webinar
Учим yii: https://youtu.be/-WRMlGHLgRg
А не проще это сделать еще на сервере, когда Вы их генерируете?
А вообще вот:
http://jquery.page2page.ru/index.php5/Число_элемен...
Поиск принципе очень полезная штука, рекомендую.
Ответ написан
LazyProger
@LazyProger
не ну...
//Лови быдлокод
count = $(".item").length;
countImg = 0;
if(count > 0){
  for(i=0;i<count;i++){
    countImg = countImg  + $(".item").eq(i).find('img').length;
  }
  $(".col").text('Всего картинок:'+ countImg);
}


PS как то так
Ответ написан
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы