Javascript 在某个类中所有链接的末尾添加额外的文本

我已经创建了一个类为“fragment”的“a”元素。我正在寻找PHP/JS代码，它在URL的所有内部类片段的末尾添加了一些额外的文本

例如：

<a class="fragment" href="http://google.com/" target="_blank">click here</a>

任何帮助都将不胜感激

试试这个

attr返回标记属性

$("a").click(function() {
   $(this).attr("href",$(this).attr("href") + "extratext"));
});

请参阅此处了解更多信息。

您可以使用和：

window.addEventListener（'DOMContentLoaded'，函数（e）{
//
//使用该类获取所有元素
//
var fragments=document.getElementsByClassName（'fragment'）；
//
//对于每个元素，附加事件处理程序
//
对于（var i=0；i使用attr属性获取当前锚定标记href


$（“a”）。单击（函数（）{
$（this.attr（“href”），$（this.attr（“href”）+“extratext”）；
});

如果单击链接，则此代码段会附加href属性：


document.getElementsByCassName（“链接”）[0]。addEventListener（“单击”，函数）（）{
this.href+=“extratext”；
})；
或者，您可以找到所需元素的href，然后您可以设置其href属性的新值，该值将替换旧值，如下所示：

 <a class="fragment" href="http://stackoverflow/" target="_blank" onclick="addExtraText()">click here</a>

    function addExtraText() {
     var linkElement = document.getElementsByClassName("fragment")[0];
     linkElement.setAttribute('href', 'http://stackoverflow/questions/');
   }


函数addExtraText（）{
var linkElement=document.getElementsByClassName（“片段”）[0]；
linkElement.setAttribute（'href'，'http://stackoverflow/questions/');
}
它起作用了，但我有不止一个类为“fragment”的链接。它只将额外的文本添加到顶部链接，而不添加到类为“fragment”的其他链接。此外，当我多次单击链接时，它会再次添加“extratext”现在它工作得好多了。但仍然有一个问题。当我点击第一个链接时，它会转到：，这是我想要的。但当我点击第二个链接时，它会转到：@user6176114，其中第三个片段-“如果你想阻止多次添加到url，但也要添加所有链接：@user6176114修复了它。”
$("a").click(function() {
   $(this).attr("href",$(this).attr("href") + "extratext"));
});

 <a class="fragment" href="http://stackoverflow/" target="_blank" onclick="addExtraText()">click here</a>

    function addExtraText() {
     var linkElement = document.getElementsByClassName("fragment")[0];
     linkElement.setAttribute('href', 'http://stackoverflow/questions/');
   }