我有一个页面,它是从数据库加载的产品列表。每个产品都有一个日期字段,该字段也是从数据库中加载的。每个产品都包含在一个 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 选择器/javascript 的方法,但没有任何效果。