jQueryで配列を属性比較に使用できますか？

Question

リンクが画像であるかどうかをチェックする必要があるjQueryコードを書いています。現在のコードは次のようになります。ここでのベストプラクティスです

$('a[href$=.jpg],a[href$=.jpeg],a[href$=.png]').click(function() { 
    // do something even smarter 
}); 

何：

$('a[href$=".png"]').click(function() { 
    // do something smart 
}); 

が、それはこのようなもの、複数のフォーマットをチェックするために、コード内の属性の配列を持つことは可能ですか？ありがとう！

Answer 1

はい、これを行うことができます。

これは完全に合法です。

---

何もできることはHREFが何であるか、クリックを確認です：

$('a').click(function(){ 
    var href = this.href; 
    var hrefParts = href.split('.'); //array(0: fileName, ...length - 1: extension) 
    if(hrefParts[hrefParts.length - 1] == 'png'){...} 
    //etcetera... 
}); 

Answer 2

はい、それがどのようにあなた

Answer 3

$('a').each(function() { 
    var ext = $(this).attr('href').substr('-4'); 
    if (ext == '.png' || ext == '.jpg') { 
     ... continue ... 
    } 
}); 

Answer 4

あなたはjQueryの少しを使用する場合はgroup selectors詳細...

$('a').click(function(e) { 
    var ext = $(this).attr('href').split('.').slice(-1); 
    switch(ext) { 
    case 'png': 
     // Code for PNGs! 
    break; 
    case 'jpg': 
    case 'jpeg': 
     // Code for JPGs! 
    break; 
    default: 
     // Otherwise.... 
    } 
}); 

Answer 5

拡張機能を正しい関数にリンクするオブジェクトニールの例のオフの作業

..速い応答や余分な努力のための

var extToFun = { 
    png:function(){}, 
    gif:function(){} 
}; 

$('a').click(function(){ 
    var href = this.href.split('.'); 
    var ext = href[hrefParts.length - 1]; 
    if(extToFun[ext])extToFun[ext].call(this); 
});