Question

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

以下是代码：

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

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

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

Answer 1

获取＆＃34的课程/ ID;立即保存$ XX＆＃34;并使用jQuery修改HTML。

即

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

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

3 个答案: