2010-11-25 11 views
0

2つの異なるアイテムがクリックされたときに動作するクリックイベントを作成したいとします。 これを行う方法はありますか?JQueryで2つのアイテムにイベントを添付する

例えば、通常、私は何をしたいことはこれです:

<a id="link1" onclick="doSomething()">link1</a> 
<a id="link2" onclick="doSomething()">link2</a> 

しかし、私が知りたいのは、おそらくのように、種類のいずれかのイベントのオーバーロードがあるかどうかです:

<script> 
$("#link1", "#link2").click(function() { 
alert('doSomething'); 

}); 
</script> 

セレクタは次のようになります。おかげで

+0

これらの2つがクリックされた場合にのみクリックをトリガーしますか?両方のボタンをクリックしたときにのみトリガしますか? –

答えて

1
<script> 
$("#link1, #link2").click(function() { 
alert('doSomething'); 

}); 
</script> 
1

あなたはこのように、コンマ分離によってmultiple selectorを使用することができます。

$('#link1, #link2').click(function() { 
    alert('doSomething'); 
}); 

You can test it here


しかし、より簡単なアプローチは、リンクに共通のクラスを与えることは通常である、あなたは2つのリンクのないリンクや400個のリンクを持っているかどうか、この方法は...あなたのコードに変更はありません。それは彼らにこのようなクラス与える行うには:

$('.link').click(function() { 
    alert('doSomething'); 
}); 

You can test that version out here

<a href="#" class="link">link1</a> 
<a href="#" class="link">link2</a> 

は次に、このように、.class selectorを使用しています。

関連する問題