Remove class on IMG if filename contains a string

Question

I am fairly new to the jQuery world but I am starting to get a better grasp of things.

I have come across a situation that I need a little help with, I was wondering how I would go about setting up a if statement that looks at a image filename and looks to see if it contains the number 31 , if it does remove a class that is attached.

Thank you ahead of time

score 8 · Answer 1 · answered Apr 28 '11 at 13:07

8

Try this:

$('img[src*="31"]').removeClass("classname");

Edit: actually it searches the whole src attribute, so it's only correct if your URL can't have "31" in it anywhere else.

answered Apr 28 '11 at 13:07

DarthJDG

16,511
11
49
56

score 2 · Answer 2 · answered Apr 28 '11 at 13:08

2

$("img[src*='31']").removeClass("myClass");

answered Apr 28 '11 at 13:08

mattsven

22,305
11
68
104

score 2 · Accepted Answer · edited May 23 '17 at 10:28

A nice way would be to use a function as an argument for .removeClass().

$('img').removeClass(function () {
    if (this.src.replace(/^.*\//, '').indexOf('31') > -1) {
         return 'classname';
    }
    return false;
});

.replace(/^.*\//, '') will return only the filename (example on SO), so if there is a 31 in the URL somewhere else (like in /pix/31/image.jpg), removal won't happen.

The function should return the classname to be removed if conditions are met, and false otherwise (to indicate nothing should be removed).

You could replace the img selector with something more specific if you don't want to check on the whole page (add classes, or specify a context).

And the jsFiddle Demo.

score 1 · Answer 4 · answered Apr 28 '11 at 13:25

$('img[src*="31"]').each(function() {
    // check if only the filename contains 31
    var filename = $(this).attr('src').substr($(this).attr('src').lastIndexOf('/'));
    if (filename.indexOf('31') != -1) {
        $(this).removeClass(); // will remove all classes the img had
    }
});

score 0 · Answer 5 · answered Apr 28 '11 at 13:08

0

var img = $('#img_to_look_at');
if ( img.attr('src').indexOf('31') > -1 ) img.removeClass('....');

answered Apr 28 '11 at 13:08

Mike Thomsen

36,828
10
60
83

score -1 · Answer 6 · edited Apr 28 '11 at 13:17

-1

Hope this will solve your problem.

if(jQuery("img[src*='31']").size()>0){
    jQuery("img[src*='31']").removeClass('className')
};

edited Apr 28 '11 at 13:17

mattsven

22,305
11
68
104

answered Apr 28 '11 at 13:09

Mamoon ur Rasheed

307
3
14

Better to use `.length` here. – mattsven Apr 28 '11 at 13:17
The `if` is completely unnecessary. If there are no elements like that, nothing will happen anyways. You also should not use the same selector twice, save it into a variable. – kapa Apr 28 '11 at 13:25

Remove class on IMG if filename contains a string

6 Answers6