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

我有一个有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>

$（'a'）。单击（函数（）{
//将事件分配给a.onclick
window.open（$（this.attr（'href'））；
});
$（'buttone'）。单击（函数（）{
//当我们按下时，触发a.onclick
$（'a'）。单击（）；
});
开放链接

---

这听起来是个很糟糕的主意：）但以下是您可以如何做到这一点：

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

---

您还应该删除onclick属性并将其替换为

id=“ButtonOne”

您的选择器完全错误。应该是

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

打开链接​

$（“#按钮无”）。单击（函数（）{
//当我们按下时，触发a.onclick
$（'a'）。单击（）；
});

您的按钮选择器错误，嗯，您应该传递一个正确的选择器，最好为按钮设置一个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>

$（'a'）。单击（函数（）{
//将事件分配给a.onclick
window.open（$（this.attr（'href'））；
});
$（“#按钮无”）。单击（函数（）{
//当我们按下时，触发a.onclick
$（'a'）。单击（）；
});
开放链接

您的$（'buttone'）中的选择器有误。这将尝试选择所有元素。如果ButtonOne是一个id，您可以使用$（“#ButtonOne”），如果它是一个类，您可以使用$（“button.ButtonOne”）。否则，其他两个回答是正确的。

请说明“它不工作”的含义

<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>