jQuery - 打开页面上的所有链接

Question

我正在努力学习 jQuery，以弥补我缺乏的 javascript 技能。

作为一个测试项目，我有一个充满链接的页面，我想在页面上有一个button 在新选项卡中打开所有链接。链接都具有target="_blank" 属性。

我正在使用这个

  $('button').click(function() {
    $('a').click();
  );}

我已经通过修改链接的css 测试了selector 语法，所以我确定没问题。我需要更改什么才能打开链接？

Answer 1

您不能通过 javascript 操作选项卡（您可以要求在新窗口中打开链接，只是不能告诉它在选项卡中打开）。如果您想尝试，您可能想尝试的是这样的：

$('button').click(function() {
  $('a').each(function() {
     window.open($(this).attr('href') );
  });
});

本质上，当单击<button> 时，对于每个<a> 元素，将href 值传递给window.open。或者基本上，假设您没有弹出窗口阻止程序，一堆打开的窗口:)

您当前的代码基本上是说，当您按下<button> 时，激活所有<a> 元素的onclick() 处理程序。

编辑：响应 cmets，比较这段模仿 OP 功能的代码：

$('a').click(function() {
// assign an event to a.onclick
  window.open($(this).attr('href') );
});

$('button').click(function() {
// when we press <button>, trigger a.onclick
  $('a').click();
});

因为我们首先声明了onclick() 功能，所以我们现在的行为与我的原始代码相同。 （成堆的打开的窗户）