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選擇器/ javascript做到這一點的方法，但是沒有任何效果。

Answer 1

嘗試在您的countdown.js中遵循以下代碼：

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

現在，一旦選擇了div，就可以對其進行處理。