计时器到期后如何调整JS代码以替换链接文本

Question

基本上我在页面上有一个计时器，当它过期时，将更改特定类的链接。

这是代码：

var expiry = function() {
            $("#promo-block").remove();
            $("#full-price").show();
            $(".purchase-link").each(function() {
                $(this).attr("href","http://example.com");
            });
        };

我还希望做的是在计时器到期时更改链接的链接文本（从“立即保存 $XX”到“单击此处购买”）。

任何帮助，将不胜感激。 谢谢。

Answer 1

获取“Save $XX Now”的class/id，使用jQuery修改HTML。

IE。

HTML：

    <span id="purchase">Save $XX Now</span>

JS：

    $('#purchase').html('Click Here to Purchase');

Answer 2

这是一个简单的 jQuery 问题。 使用.text()方法。

$(".purchase-link").each(function() {
    $(this).attr("href","http://example.com").text("Click Here to Purchase");
});

http://api.jquery.com/text/

Answer 3

假设链接是纯文本，您可以使用text方法并执行以下操作：

function expiry() {
  $("#promo-block").remove();
  $("#full-price").show();
  $(".purchase-link").each(function() {
    var link = $(this);
    link.attr("href", "http://example.com");
    link.text("Click Here to Purchase");
  });
};

然后只需使用setTimeout ：

setTimeout(expiry, 3000); // 3 seconds