更改链接文本

Question

大家好我想<a href="template.html">Redirect</a>更改链接的文字，假设有人点击链接，只会更改链接文字，例如确认重定向＆amp;第一次没有重定向template.html＆amp;等待第二次点击＆amp;在第二次再次点击它时，它将在template.html中重定向。

Answer 1

您可以使用 one() 仅触发一次事件处理程序

＆＃13;

＆＃13;

// bind click event handler to fire once
$('#btn').one('click', function(e) {
  // prevent default click event action
  e.preventDefault();
  // change the tag text
  $(this).text('Confirm redirect')
})

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<a id="btn" href="template.html">Redirect</a>

＆＃13;

＆＃13;

＆＃13;

Answer 2

像这样使用

＆＃13;

＆＃13;

function confirm(ele) {
  if (ele.innerHTML === "Redirect")
    ele.innerHTML = "Confirm redirect";
  else
    location.href = "template.html";
}

＆＃13;

<a onclick="confirm(this)" >Redirect</a>

＆＃13;

＆＃13;

＆＃13;