jqueryを使用したワイルドカードa href id？

Question

私はそうのように一連のリンクを持っている：

<a href="http://www.google.com" id="link01">Google</a> 
<a href="http://www.yahoo.com" id="link02">Yahoo</a> 
<a href="http://www.cnn.com" id="link03">CNN</a> 
<a href="http://www.facebook.com" id="link04">Facebook</a> 

はlinkXXのIDを使って何をクリックして、リンク先にあなたをオーバーシャ​​トルれている場合、それは機能を実行させるjQueryを使って、それは可能ですか？リンク自体は、番号、ターゲット、IDの名前が変わります。唯一の統一された機能は、IDに常に2つの数字が続く「リンク」という言葉があることです。

ありがとうございました！

Answer 1

あなたが「リンク」で始まるIDを持つすべての要素を選択するにはstarts with selectorを使用することができます

$('a[id^="link"]').click(function(e){ 
    // your actions 
}); 

例：http://jsfiddle.net/niklasvh/jjsRF/

Answer 2

id属性でこれを行う代わりに、すべてのクラスにクラスを追加してイベントをクラスにバインドするほうがずっと簡単です。

<a class="someclass" href="http://www.google.com" id="link01">Google</a> 
<a class="someclass" href="http://www.yahoo.com" id="link02">Yahoo</a> 
<a class="someclass" href="http://www.cnn.com" id="link03">CNN</a> 
<a class="someclass" href="http://www.facebook.com" id="link04">Facebook</a> 

$(".someclass").click(function() { 
    // your click handler 
}); 

Answer 3

はあなたが好きなように検索されたアドレスを使用することができます：

$('a[id^="link"]').click(function() { 
    var address = $(this).attr("href"); 
    // do something with address 
});