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

Question

[MaximMRX]

Суть такая, есть у меня несколько блоков на странице код выглядит вот так
Нужно посчитать в каждом блоке 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>

Answer 1

[display: block]

$('.item').each(function(){
  $(this).find('.col').text(($(this).find('.photo-link').length));              
});

Comments

[MaximMRX]

спасибо))) То, что нужно!)

Answer 2

[Максим Тимофеев]

А не проще это сделать еще на сервере, когда Вы их генерируете?
А вообще вот:
http://jquery.page2page.ru/index.php5/Число_элемен...
Поиск принципе очень полезная штука, рекомендую.

Comments

[MaximMRX]

Всё да ничего, я бы мог и так сделать, но у меня количество item может быть 1000 штук, и в каждом item будет разное количество фоток

[Максим Тимофеев]

Максим Студитских: Повторюсь: А не проще это сделать еще на сервере, когда Вы их генерируете?

[Максим Тимофеев]

Максим Студитских: Добавлю, если все же хотите это делать в js - еще есть прекрасная функция each, которая переберет все item, а length внутри нее посчитает в каждом кол-во фото.

[Максим Тимофеев]

$(".item").each(function(indx, element){
  $('.item').each(function(){
  var $n = $(this).find('img').lenght;
$(this).find('.col').html(n);     
});
});

Answer 3

[Дмитрий Приходченко]

//Лови быдлокод
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 как то так

Comments

[MaximMRX]

везде показывает одинаковое количество, решение выше уже скинули) спасибо и вам за помощь)