jQuery 选择器和 php 回路

Question

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

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

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

这就是我在创建 div 的 php 循环中所拥有的

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

现在这给我的是所有 div 中的相同计数器。 我对这一切都很陌生，我已经好几个小时没有睡觉了，试图学习并找出我做错了什么。

编辑：

所以我仍然没有得到我想要的。 $('.counter').each(function() { $(this).countdown(....
为所有 div 生成相同的计数器。 并且由于某种原因，当我尝试使用 $('#product-').countdown(... 以创建唯一选择器时出现语法错误。

Answer 1

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

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

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

和Javascript代码：

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

我建议一种设计模式，尽管您不必像这样生成 javascript 代码。

Answer 2

你需要的是 each()

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