jQuery Selector和php循环

Question

我现在在这个循环中有一个类似于<?php foreach ($products as $product) { ?>的PHP循环，我将创建一些div。创建的div个数取决于产品数量。另外，我有一个创建倒计时的javascript函数。

现在我正在尝试在每个创建的div中创建一个唯一的倒计时。 .ie每个产品的独特倒计时。这是生成coundown的代码

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

这就是我在创建divs的php循环中所拥有的内容

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

现在这给了我所有div中的同一个计数器。我是这一切的新手，我几个小时都没有睡觉，试图学习并弄清楚我做错了什么。

编辑：

所以我仍然没有得到我想要的东西。     $（'。counter'）。each（function（）{$（this）.countdown（....
为所有div生成相同的计数器。由于某种原因，我尝试使用时出现语法错误     $（ '＃产品 - '）。倒计时（... 为了创建一个独特的选择器。

Answer 1

这不起作用，因为选择器 .counter 将找到具有类名计数器的所有元素。

假设每个产品的时间不同，并且每个产品都有唯一的标识符，那么可以通过为每个div元素分配唯一的ID来解决这个问题，并使用它作为触发倒计时过程：

<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:"" }); });