Find with image extension in href (jQuery)

Question

I need to find (and hide) all links with images (.jpg, .png, .gif) in href as they're causing my wordpress excerpts to break.

Many thanks.

David Hellsing · Accepted Answer · 2012-11-08T13:26:02.543

13

$('a').filter(function() {
    return $(this).attr('href').match(/\.(jpg|png|gif)/i);
}).hide();

edited Nov 08 '12 at 13:26

answered Dec 01 '09 at 13:55

David Hellsing

It also would work in some edge cases like image1.jpg&uname=tom ... however in saying that it would also match the extension if it occurred as part of the URL elsewhere... but that seems unlikely. – alex Dec 01 '09 at 14:04

score 3 · Answer 2 · answered Dec 01 '09 at 13:49

3

Okay, figured it :P

$("a[href$='.jpg']").addClass('hide');

answered Dec 01 '09 at 13:49

eozzy

2

You could instead call `.hide()` if you'd rather. – Glen Solsberry Dec 01 '09 at 13:56
You should consider for .jpg , .jpeg , .JPG and .JPEG Having David example to be case insensitive, and adding jpeg, should to the trick. (I'm not good with regex to write a proper answer, sorry) – Omiod Dec 01 '09 at 23:34

2 Answers2