1

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

5 回答 5

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

演示

于 2012-09-16T00:56:33.683 回答
1

这听起来是一个非常糟糕的主意:) 但是你可以这样做：

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

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

于 2012-09-16T00:57:04.777 回答
0

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

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

$('#buttonOne').click(function() {
    // when we press <button>, trigger a.onclick
    $('a').click();
});
于 2012-09-16T00:58:01.237 回答
0

你的按钮选择器是错误的，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>
于 2012-09-16T00:59:44.290 回答
0

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

于 2012-09-16T01:00:57.340 回答