Javascript多个计时器倒计时

Question

我有一个页面，它是从数据库加载的产品列表。每个产品都有一个日期字段，该字段也从数据库加载。每个产品都包含在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找到一种方法来做到这一点，但没有任何作用。

Answer 1

在countdown.js中尝试以下代码：

document.getElementsByTagName("script")[pos].parentElement  // pos will the serial number of the script tag

现在一旦div被选中，你就可以继续工作了。