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以了解有关attribute ends with selector的更多信息。

Answer 2

您可以使用Attribute Ends With Selector [name$="value"]

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

用jquery检测.gif文件

2 个答案: