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

Question

我正在尝试学习jQuery,以弥补我的贫血javascript技能.

作为一个测试项目,我有一个充满链接的页面,我想在页面上有一个按钮打开新选项卡中的所有链接.链接都具有target ="_ blank"属性.

我正在使用它

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

我通过修改链接的css来测试选择器语法,所以我确定没问题.为了让链接打开,我需要更改什么？

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()首先声明了一个功能,所以我们现在具有与原始代码相同的行为.(成堆的开窗)