Apply CSS class to element based on a keyword in the URL with jQuery?

Question

I have an URL like this:

I want to hide all the images with the class .attachment inside all the pages that have the /view/ part in the URL using jQuery.

Any suggestions to accomplish this?

Jason Gennaro · Accepted Answer · 2011-12-04 03:45:09Z

2

It would be something like this

var url = window.location.pathname;

if(url.indexOf('/view/') >= 0){
    $('.attachment').css('display','none');
}

Here is an example... you need to click Run to see it work.

answered Dec 4, 2011 at 3:45

Jason Gennaro

34.9k9 gold badges67 silver badges86 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

I think you want url.indexOf('/view/') >= 0 since '/view/' can be at the beginning of the pathname so indexOf() could find it and return 0.

or url.indexOf('/view/') != -1

I guess I could have used url.indexOf('/view/') != -1 as well.