一键更新HTML链接的代码？答案

【问题标题】：Code to update HTML link after one click?一键更新HTML链接的代码？
【发布时间】：2014-11-02 13:19:13
【问题描述】：

我正在寻找可以放入标准 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>

有人为此准备了一些简单的东西吗？

谢谢！

【问题讨论】：

使用 jquery 来做。
this 的可能重复项。在我发布的链接中检查您的答案。

标签： php html dynamic hyperlink onclick

【解决方案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/");
    });
});

【讨论】：

谢谢。但是，我需要一个动态代码，它可以替换页面上的链接中的某个单词，其中有许多不同的链接包含该单词 - 但只应替换一次单击...
编辑了我对您评论的回答
我明白了，但如果我只需要将 page1 更改为 page1-clicked 而不是整个链接 - 我怎么能只抓住那部分？也只是为了澄清一下，它不是附加“-clicked”，而是像这样切换整个事情； ...com/123/ 到 ...com/xyz/。谢谢！

【解决方案2】：

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

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

【讨论】：

点击一次见stackoverflow.com/questions/12885660/…