使用 jquery 更改许多 a 链接中的 href

Question

我正在尝试更改从谷歌搜索返回的网址，因为有时谷歌喜欢打电话回家了解我的浏览习惯（叹息这曾经是雅虎的邪恶）。 :SI 从看似有效的 jquery 中收到错误，想知道修复方法是什么？

错误代码是（很神秘，因为我使用的是 chrome v8）： TypeError：无法调用未定义的“split”方法

这是来源：

$("a[href^='http://www.google.com/url'], a[href^='www.google.com/url'], a[href^='/url?'], a[href^='url?']").each(
function(a) { 
    var url = "";
    $(a).attr("href").split("&").each(function (part) {
        if (part.match(/^url\=/)) {
            url = unescape( (part.split("=",2))[1] );
        }
    });
    $(a).attr("href", url);
});

我已经验证我收到的错误是在第一个分割上，而不是在部分上范围。

Answer 1

您使用的回调函数的第一个参数实际上是用于 each() 的数组的索引。试试这个：

$("a[href^='http://www.google.com/url'], a[href^='www.google.com/url'], a[href^='/url?'], a[href^='url?']").each(
function() { 
    var url = "";
    $(this).attr("href").split("&").each(function (part) {
        if (part.match(/^url\=/)) {
            url = unescape( (part.split("=",2))[1] );
        }
    });
    $(this).attr("href", url);
});

Answer 2

each 回调的第一个参数（您的 a）是一个索引，而不是元素。

您应该将回调传递给 attr，而不是 each：

$("a[...]").attr("href", function(index, oldValue) {
    return something;
});