html表内的多个Jquery倒计时

Question

我正在做一个项目，我需要在一个页面上显示几个拍卖的状态。每个项目都有不同的结束日期。我使用cfquery从数据库中提取数据，然后使用cfoutput构建表。这部分没问题。没有问题。我的问题是，我如何在表格中放置多个Keith Wood的倒计时计时器实例，以便每个项目都有一个倒计时?

这是我的表头:

<table id="large" class="tablesorter" border="0" CELLSPACING="1" CELLPADDING="0" width="50%">
<thead>
<tr class="tablesorter-headerRow">
    <th id="itemnum"  class="sorter-numeric">ItemNum</th>
    <th id="highbidder"  class="sorter-numeric">HighBidder</th>
    <th id="closenum"  class="sorter-numeric">Time Left</th>
    <th id="highbidprice"  class="sorter-numeric">HighBid</th>
</tr>
</thead>
<tbody>
<cfoutput>
<!--- Code builds the table body --->
<div class="countdown-styled clearfix" style="width:200px;"></div>
</cfoutput>
</tbody>
</table>

我看过这些:1)Jquery多个倒数2)多个倒数在同一页与Jquery，但这些似乎包括每个页面的唯一行ID，然后一些其他Jquery代码或只是硬编码的ID。这样做的问题是，我不知道最终版本上会有多少项。现在我有35个，但这不是固定的，所以我不能这样做。有什么想法或帮助吗?非常感谢。

Answer 1

下面是他网站上的例子:

$(selector).countdown({until: new Date(2010, 12-1, 25)});

我假设你在做这样的事情:

$('.countdown-styled').countdown({until: someDate});

所以我们的想法是每个$('.countdown-styled')都有一个不同的日期，你只需要弄清楚如何为每个不同的元素指定日期。

$('.countdown-styled').each(function (idx) {
    var date = $(this).closest('tr').find('.date-label').text();
    $(this).countdown({ until: new Date(date) });
});

当然，我不知道从哪里得到日期，因为我不能看到你所有的代码，你可能需要调整代码，使javascript日期对象从显示，但这应该让你开始。