用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更多地瞭解attribute ends with selector。

Answer 2

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

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