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

How can I automatically open all the links on a page with jQuery?

本文关键字：链接 jQuery 何使用      更新时间：2023-09-26

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

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

演示

这听起来是个非常糟糕的主意：）但以下是您可以做到的方法：

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

您还应该删除onclick属性，并将其替换为id="ButtonOne"。

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

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

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

你的按钮选择器是错误的，em，你应该通过一个正确的选择器，最好为按钮设置一个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>

您的$（'ButtonOne'）中的选择器错误。这是在尝试选择所有元素。如果ButtonOne是一个id，你可以使用$（"#ButtonOne"），如果它是一个类，你可以用$（"button.ButtonOne"）。否则，其他两个响应都是正确的。

相关文章：