jquery - 使用 jquery 检测 .gif

Question

我有一个包含很多图像的页面。我只想隐藏那些 gif 图像。

这是结构:

<div class="wrapper">
  <div class="entry">
     <div class="image"><img src="imagefile.png" /> </div>
   </div>
  <div class="entry">
     <div class="image"><img src="imagefile.gif" /> </div>
   </div>
</div>

我可以这样过滤所有图像:

$('.image').closest('.entry').not(".hidewrapper").wrap("<div class='hidewrapper' style=\"display:none\"></div>").closest('.entry').prepend("<a href=\"#\" class=\"unhideImage\" >show me</a>");

因为该网站有很多图像:有没有办法只过滤 .gif - 文件而不使用 for 循环？或者我认为循环需要比单行代码更高的性能，这是完全错误的吗？

Answer 1

你可以用以下方式检测它，

$('div.image img[src$=".gif"]')

请阅读here了解有关属性以选择器结尾的更多信息。