jQuery：将文本添加到现有的动态 HREF

Question

我正在尝试使用 jQuery 修改链接。这些链接是动态生成的，我无法控制现有的 HREF，因为它们是从第 3 方站点调用的。

使用 jQuery，如何将链接从 this: 更改

example.com/?one=1&two=1

为 this: ，

example.com/?one=1&two=1&thisisadded=true

所以本质上是在链接末尾添加 &thisisadded=true ？

需要更改的链接位于其自己的 div 中，具有 my-link 类。

Answer 1

$('a.my-link').each(function () {
    var href = $(this).attr('href');
    $(this).attr('href', href + '&thisisadded=true');
});

如果我的选择器不够好，请将选择器替换为 jQuery 选择器，该选择器将匹配您网站上的适当链接。

Answer 2

var href = $(this).attr('href');
 $(this).attr('href', href + '&thisisadded=true')

显然，在 this 是您的链接的上下文中执行此操作

Answer 3

只需使用您的选择器和 attr 的回调函数即可。这会将附加部分添加到每个匹配的链接中：

$('a.my_link').attr('href', function(i, a){ return a + "&thisadded=true" });

向 attr 方法提供回调时，第一个参数是 index，第二个参数是原始 属性值。回调返回的任何内容都将成为新值。

注意：此功能在 jQuery 1.1 及更高版本中可用。不要将此方法与 jQuery 1.4 中引入的一批接受回调的新方法混淆。