Селектор jQuery и цикл php

Question

У меня есть такой цикл PHP <?php foreach ($products as $product) { ?>, теперь внутри этого цикла я буду создавать div.количество созданных div зависит от количества продуктов.Кроме того, у меня есть функция JavaScript, которая создает обратный отсчет.

Теперь я пытаюсь создать уникальный отсчет в каждом создаваемом div..ie уникальный обратный отсчет для каждого продукта.вот код, который генерирует coundown

$(function(){$('.counter').countdown({startTime:"<?php echo $product['time']; ?>" });}); 

, и это то, что у меня есть внутри цикла php, который создает div

<div class= 'counter' ></div>

, теперь это дает мне тот же счетчик ввсе дивы.Я новичок во всем этом, я не спал часами, пытаясь понять и понять, что я делаю неправильно.

РЕДАКТИРОВАТЬ:

Так что я до сих пор не получил то, что я хочу.$ ('. counter'). each (function () {$ (this) .countdown (....
выдает один и тот же счетчик для всех элементов div. и по какой-то причине я получаю синтаксическую ошибку при попытке использовать$ ('# product -'). countdown (... для создания уникального селектора.

Answer 1

Это не будет работать, поскольку селектор .counter найдет все элементы с именем класса counter .

Предполагая, что время варьируется для каждого продукта, и что у вас есть уникальный идентификатор для каждого продукта, вы могли бы решить эту проблему, назначив уникальный идентификатор каждому элементу div, и использовать его в качестве средства для запуска процесс обратного отсчета:

<div id="product-<?php echo $product['id']; ?>" class="counter"></div>

И Javascript-код:

$('#product-<?php echo $product['id']; ?>').countdown({startTime: '...'});

Я бы предложил шаблон проектирования, где вам не нужно генерировать код JavaScript, как это.

Answer 2

То, что вам нужно, это каждый ()

$('.counter').each(function() { $(this).countdown({startTime:"" }); });