如何使用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').each(function(){

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

不确定indexof在IE中对字符串的作用有多好。

Answer 3

使用$.filter

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

Answer 4

为了避免摆弄复杂的选择器，我建议添加一个CSS类，如<img class="mov_image" src="...._mov.jpg">：

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