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

ボタンのセレクターが間違っています。正しいセレクターを渡す必要があります。ボタンの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") を使用できます。それ以外の場合は、他の 2 つの応答が適切です。

于 2012-09-16T01:00:57.340 に答える