データベースからロードされた製品のリストであるページがあります。各製品には、データベースからロードされる日付フィールドがあります。各製品は div 内に含まれ、カウントダウン タイマー スクリプトもその div 内にロードされます。製品に関連付けられた日付は、タイマーのカウント ダウンに使用されます。この日付は、スクリプトがアクセスできる div を含む隠しフィールドに設定されます。したがって、各製品 div は基本的に次のようになります。
<div id="prod1">
<input type="hidden" value"targetdate1"/>
<script type="text/javascript" src="countdown.js"></script>
</div>
<div id="prod2">
<input type="hidden" value"targetdate2"/>
<script type="text/javascript" src="countdown.js"></script>
</div>
<div id="prod3">
<input type="hidden" value"targetdate3"/>
<script type="text/javascript" src="countdown.js"></script>
</div>
<div id="prod4">
<input type="hidden" value"targetdate4"/>
<script type="text/javascript" src="countdown.js"></script>
</div>
.......
したがって、基本的にスクリプトはページに複数回ロードされます。また、各スクリプトは、独自の div に含まれる隠しフィールドのみを読み取る必要があります。jquery selectors/javascript を使用してこれを行う方法を見つけようとしましたが、何も機能しません。