jQuery 将 _blank 添加到外部链接

Question

我正在制作一个脚本，它会自动将 target="_blank"广告到所有外部链接。问题是，该脚本还使内部绝对链接在新选项卡中打开。您可以通过此测试链接检查问题: http://www.fairfood.org/testtest/

$("a").filter(function () {
    return this.hostname && this.hostname !== location.hostname;
}).each(function () {
    $(this).attr({
        target: "_blank",
        title: "Visit " + this.href + " (click to open in a new window)"
    });
});

有人知道如何解决这个问题吗？

非常感谢任何帮助。

Answer 1

www.yourhost.com 与 yourhost.com 不同，因此当您的链接不匹配时，此功能将不起作用。

如果您知道这始终会导致有效的 URI，则可以直接取出 www.。

^{(此外，您对 .each 的使用几乎是多余的，因为 jQuery 已经了解元素集；但是，您需要它来 this.href。只是需要注意的事情。)}

$("a").filter(function() {
    return this.hostname &&
           this.hostname.replace(/^www\./, '') !==
              location.hostname.replace(/^www\./, '');
}).each(function() {
   $(this).attr({
       target: "_blank",
       title: "Visit " + this.href + " (click to open in a new window)"
    });
});

Live example.