将查询字符串附加到div单击时链接目标URL

Question

我想使用jQuery或Vanilla JS在单击链接时将查询字符串附加到链接目标URL的末尾。

例如，说我有此链接：<a class="my-link-class" href="/my-url/">click me!</a>

我想做类似的事情：

$(".my-link-class").click(function() {
    ($this).attr('href').append('?my-string');  
});

但是这行不通，我不确定为什么。我也不能简单地直接在html中添加字符串，因为链接目标是动态的，并且会根据您当前的URL进行更改。

Answer 1

第一件事是防止单击时导航，其二是更正语法：

$(".my-link-class").click(function(e) {
    e.preventDefault()
    $(this).attr('href', $(this).attr('href') + '?my-string');
});

Answer 2

您可以在此处使用.attr( attributeName, function )：

.attr( attributeName, function )