Question

我正在寻找一个代码，我可以把它放在标准的HTML href链接中 - 一旦点击链接，就会立即实时更新部分链接。

类似的东西：

<a href="http://example.com/<?php code(); ?>/">Example</a>

首先打印：

<a href="http://example.com/page1/">Example</a>

所以点击一次后，它会立即变为：

<a href="http://example.com/page1-clicked/">Example</a>

任何人都有这么简单的事情吗？

谢谢！

Answer 1

首先包括JQuery

 <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js" ></script>

为您的链接添加ID

<a id="link" href="http://example.com/page1/">Example</a>

使用JQuery代码中的链接

$(document).ready(function()    {
    $(document).on("click", "#link", function() {
        $(this).attr("href", "http://example.com/page1-clicked/");
    });
});

修改

我想用许多链接做同样的事情，为你的链接提供一个类

<a class="link" href="http://example.com/page1/">Example</a>

然后将JQuery代码更改为

$(document).ready(function() { $(document).on("click", ".link", function() { $(this).attr("href", "http://example.com/page1-clicked/"); }); });

Answer 2

使用JQuery的one事件处理程序仅更改一次链接：

$(function () {
    $('a').one(function (event) {
        var elem = $(this);
        var before = elem.attr('href');
        var after = before + '-clicked/';
        elem.attr('href', after);
    })
});

单击后更新HTML链接的代码？

2 个答案: