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

Question

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

作为一个测试项目，我有一个充满链接的页面，我希望页面上有一个按钮打开新选项卡中的所有链接。这些链接都具有 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> 时，激活onclick()所有处理程序<a>元素。

编辑:为了回应评论，比较模仿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()功能第一，我们现在的行为与我的原始代码相同。 (一堆打开的 window )