在 window.open 函数中添加 URL 前缀 jQuery

Question

我有这个 HTML：

<a href="#" onclick="window.open('TrackPackage.asp?ID=4', '', 'settings');">Track Your Package »</a>

此站点上的某人能够为我提供一个脚本，以在 URL 中添加域前缀 http://www.example.com/ 这是脚本：

$(document).ready(function(){
$('a[onclick^="window.open(\'TrackPackage.asp"]').attr('onClick', $('a[onclick^="window.open(\'TrackPackage.asp"]').attr('onClick').replace("window.open('", "window.open('http://www.example.com/"));
});

但是，我有有点麻烦：
第一个问题是元素有多个实例。这是一个小提琴： http://jsfiddle.net/VMmZx/
按照预期，一个锚点使用 ID=4 签名，另一个锚点使用 ID=5 签名，而是都使用 ID=4 签名>。
这个想法是，每个 window.open 函数都应该以 http://www.example.com 为前缀，但是 URL 的其余部分应该保持不变。 ..

我遇到的第二个问题是，当页面上不存在该元素时，jQuery 的其余部分将失败...
这是另一个小提琴： http://jsfiddle.net/VPf32/
应该获取类 foo，但由于页面上不存在该元素，因此 jQuery 不会执行。
由于 JavaScript 包含在 ASP.NET 服务器的 HTML 模板中，这可能会产生很多问题。

我希望我已经说清楚了，您可以帮助我。 谢谢。

Answer 1

您可以使用 .each() 迭代每个匹配元素并更改它们单独：

$('a[onclick^="window.open(\'TrackPackage.asp"]').each(function(index, element) {
    element = $(element);
    element.attr('onclick', element.attr('onclick').replace(/open\('/, 'open(\'http://www.example.com/'));
});​

但是，我认为使用 href 为 # 和 onclick 打开窗口的链接并不具有语义性。如果可能的话，尝试将标记更改为：

<a href="TrackPackage.asp?ID=4" target="_blank">Track Your Package »</a>

现在，如果有人好奇它将引导他们去哪里，当您将鼠标悬停在状态栏中时，浏览器可以在状态栏中显示一些有用的内容。

如果您需要进一步调整行为，请添加一个类并绑定 click 事件。当它们单击时，阻止默认操作并自行打开窗口，就像您之前所做的那样。

Answer 2

你为什么要这样进行内联点击？我只会输出如下链接：

<a href="/path/to/file.html" target="_blank">Link Text</a>

然后：

$('a[target=_blank]').click(function(){
   var prefix = 'http://domain.com';
   window.open(prefix + $(this).attr('href'));
});