JQuery $(this)不在函数参数内部工作

Question

以下代码不起作用:

$(".countdown").circularCountdown({

    startDate:$(this).attr('data-start'),
    endDate:$(this).attr('data-end'),
    timeZone:$(this).attr("timezone")

});

下面的一个工作正常,

$(".countdown").circularCountdown({

    startDate:$(".countdown").attr('data-start'),
    endDate:$(".countdown").attr('data-end'),
    timeZone:$(".countdown").attr("timezone")

});

我没有得到它,不是$(this)引用".countdown",因为我在这个元素上调用函数？有人可以帮帮我吗？

Answer 1

因为this没有提到countdown所以一个解决方案是使用each()

$(".countdown").each(function () {
    $(this).circularCountdown({
        startDate: $(this).attr('data-start'),
        endDate: $(this).attr('data-end'),
        timeZone: $(this).attr("timezone")
    });
})