如何使用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」）。否則，另外兩個答覆是正確的。