如何使用jQuery自动打开页面上的所有链接？

Question

我有一个包含10个链接的页面，并且想要在点击一个按钮后打开所有这些页面。

我使用下面的代码，这不适合我。

<a id="some-id" href="SOShousin3.jpg">Click Here</a><br /> 
<a id="some-id" href="SOShousin3.jpg">Click Here</a><br /> 
<a id="some-id" href="SOShousin3.jpg">Click Here</a><br /> 
<a id="some-id" href="SOShousin3.jpg">Click Here</a><br /><br /> 

<script type="text/javascript"> 
    $('a').click(function() { 
     // assign an event to a.onclick 
     window.open($(this).attr('href')); 
    }); 

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

<button type="button" onclick="ButtonOne">Open Links</button> 

Answer 1

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

DEMO

Answer 2

这听起来像一个非常糟糕的主意:)但是，这里是你会怎么做：

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

你也应该删除onclick属性和替换它与id="ButtonOne"。

Answer 3

你的选择是完全错误的。它应该是..

<button type="button" id='buttonOne'>Open Links</button>​ 

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

Answer 4

您的按钮选择是错误的，他们，你应该传递一个正确的选择，它是更好地设置按钮的ID，试试这个

<a id="some-id" href="SOShousin3.jpg">Click Here</a><br /> 
<a id="some-id" href="SOShousin3.jpg">Click Here</a><br /> 
<a id="some-id" href="SOShousin3.jpg">Click Here</a><br /> 
<a id="some-id" href="SOShousin3.jpg">Click Here</a><br /><br /> 

<script type="text/javascript"> 
$('a').click(function() { 
// assign an event to a.onclick 
window.open($(this).attr('href')); 
}); 

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

</script> 
<button type="button" id="ButtonOne">Open Links</button> 

Answer 5

你在你的$（'ButtonOne'）中有错误的选择。这是试图选择所有元素。如果ButtonOne是一个ID，你可以使用$（“＃ButtonOne”），如果它是一个类，你可以使用$（“button.ButtonOne”）。否则，另外两个答复是正确的。