jQueryセレクタとPHPループ

Question

私は今このループの中に<?php foreach ($products as $product) { ?>のようなPHPループを持っていますが、私はdivをいくつか作成しています。作成されるdivの数は製品数によって異なります。また、私はカウントダウンを作成するjavascript関数があります。

ここでは、作成されるすべてのdivで一意のカウントダウンを作成しようとしています。すべての製品に固有のカウントダウン。ここcoundown

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

、これは私がdiv要素

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

を作成するPHPのループ内に持っているものであるが生成するコードは今、これは私を与えるもの、すべてのdivで同じカウンタです。私はこのすべてに慣れていないので、何時間も寝ていないので、勉強しようとしていて、何が間違っているのか理解していません。

編集：

私はまだ私が欲しいものを得ていません。 $（ '。counter'）。each（function（）{$（this）.countdown（....
）すべてのdivに対して同じカウンタを生成します。何らかの理由で使用しようとすると構文エラーが発生します。 $（ '＃製品 - '）。。何が必要各（）

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

Answer 1

これは、セレクタとして動作しませんを独自のセレクタを作成するために、カウントダウン（...

Answer 2

です.counterすべてのクラス名を持つ要素。その時を想定し

は

製品毎異なり、あなたはすべての製品の一意の識別子を持っていることを、あなたは、すべてのdiv要素に一意のIDを割り当てることによってこの問題を解決し、カウントダウンプロセスをトリガするための手段としてこれを使用することができます：

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

とJavaScriptコード：

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

私はあなたがこのようなJavaScriptコードを生成する必要はありませんどこかのデザインパターンをお勧めしたいです。