jQueryで画像のファイル名の一部を指定する方法

Question

ファイル名がfilename_mov.jpgのサイトに複数の画像があります。 filename部分は、動的に生成される部分です（例：123456abc_mov.jpg）。

_mov.jpgが唯一のものであるため、ファイル名の一部を検索することでターゲットを設定します。

jQueryを使用すると、これを検索できますか？

私が試してみた：

$("img[src*='_mov.jpg']").addClass('movieThumb'); 

をしかし、それは動作しません。複雑なセレクタをいじる避けるため

Answer 1

使用the “attribute ends with” selector：

$('img[src$="_mov.jpg"]').addClass('movieThumb'); 

それともjQuery#filter()を使用して自分自身をフィルタリングんでした：

$('img').filter(function() { 
    return /_mov\.jpg$/.test(this.src); 
}).addClass('movieThumb'); 

Answer 2

、私は<img class="mov_image" src="...._mov.jpg">のように、特定のCSSクラスを追加することをお勧めしたい：

$('.mov_image').addClass('movieThumb'); 

Answer 3

$('img').each(function(){ 

    var src = $(this).attr('src'); 
    if(src.indexOf('_mov') != -1) 
     //do stuff 
}); 

していないがIEの文字列にどれだけIndexOfの作品を確認してください。

Answer 4

正常に動作する必要があります持っているもの$.filter

$('img') 
    .filter(function() { 
     return this.src.match(/_mov\.jpg$/); 
    }) 
.addClass('movieThumb'); 
;