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具有参数（这就是为什么我使用上面的代码删除这些参数的原因），所以我无法定位最终的字符串，因为它不是.gif

HTML的外观如下：<img src="/asset/News/6001/gif-anim.gif?thumbnail_width=2000&thumbnail_height=500&resize_type=CropToFit" height="500" width="2000" alt="">

Answer 1

您可以使用indexOf检查文件扩展名，并找出哪些img是GIF，哪些不是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");
       }
    });
});

使用jQuery定位GIF

1 个答案: