JQuery 倒计时插件从其 div 值

Question

我正在尝试修改此JQuery Countdown插件在其 div 或 span 中有值时初始化自身。我需要，因为我正在构建一个应用程序，该应用程序允许人们在其页面上进行任意数量的倒计时，并且他们选择目标日期/时间。

作为引用，我正在 ASP.Net 中编写 Web 应用程序，但我认为这对我的问题并不重要。

日期将来自数据库，但我可能会在代码隐藏中在几秒钟内转换它。基本上，我希望能够抛出类似的东西

<div id="93" class="countdown">300</div> /* Countdown of 300 seconds, 5 minutes */
<div id="104" class="countdown">19483</div> /*Countdown of 5 hours, 24 minutes and 43 seconds */

并从一行 JQuery 初始化所有这些

$(".countdown").countdown();

或

$(".countdown").countdown("initializeFromValue");

我开始熟悉 JQuery 本身，但我很难更改后面的 javascript。我已经开始在代码中创建一个新部分。我这里的问题是验证 div 是否具有整数值，然后将 Countdown 的值初始化为该值，然后删除该值。

我也一直在尝试在测试页面中添加 4 倒计时:

    $(function () {
        $("#countdown").countdown({ until: $("#countdown").text() });
        $("#countdown2").countdown({ until: $("#countdown2").text() });
        $("#countdown3").countdown({ until: $("#countdown3").text() });
        $("#countdown4").countdown({ until: $("#countdown4").text() });
    });

这是有效的，因为每个倒计时都有一个唯一的 ID，我还可以获得自己的文本值。但它并不灵活。我也可以从那里继续吗？我确信这一点

$(".countdown").countdown({ until: $(this).text() });

不起作用，因为它认为“this”是“文档”。

有人可以将我重定向到一些可以帮助我解决这个问题的文档/教程吗？谢谢。

Answer 1

$(".countdown").each(function(i) {
    $(this).countdown({ until: $(this).text() });
});

参见.each()有关更多详细信息，请参阅 jQuery 文档。但在传递给 each() 的闭包范围内，this 是匹配的 DOM 元素。