使用jQuery定位GIF

Question

有没有办法定位所有GIF src？我想将JS代码应用于GIF。

这是我目前的代码，但它的目标是img：

$(document).ready(function(){
    $('#banner img').each(function () {
      var curSrc = $(this).attr('src');
      $(this).attr('src', curSrc.split('?')[0]);
    });
});

编辑：GIF有params（这就是为什么我使用上面的代码，删除那些参数），所以我无法定位最终的字符串，因为它不是.gif

这就是HTML的样子：<img src="/asset/News/6001/gif-anim.gif?thumbnail_width=2000&amp;thumbnail_height=500&amp;resize_type=CropToFit" height="500" width="2000" alt="">

Answer 1

你可以用indexOf查看文件扩展名，找到哪个img是GIF，哪个不是。

$(document).ready(function(){
    $('#banner img').each(function () {
      var curSrc = $(this).attr('src');
      if(curSrc.indexOf('.gif')!=-1 || curSrc.indexOf('.GIF')!=-1) {
             $(this).attr('src', curSrc.split('?')[0]);
             console.log("It is GIF");
       } else {
               console.log("It is not GIF");
       }
    });
});