Using JQuery to Hide links based on URL value

Question

jQuery(".rfr-col-title").css("display", "none");

I would like to hide this class .rfr-col-title if the url contains abc/Lists/abc/DispForm.aspx?ID=

http://win-e98sopqc735/abc/Lists/abc/DispForm.aspx?ID=

The fact that he/she wants to hide an entire class if the "url contains.." would lead me to believe that it's the location.href not a.href, otherwise what would be the point of hiding an entire class of links if one contains said string. — rlemon
– rlemon, Commented Sep 9, 2011 at 16:10

Jeff B · Accepted Answer · 2011-09-09 16:14:06Z

3

The jQuery way would be to do an attribute selector:

$('a[href*="abc/Lists/abc/DispForm.aspx?ID="]').hide();

The *= means "contains".

You could also use ^= for "begins with" or $= for "ends with".

Example: http://jsfiddle.net/dQFJe/

Attribute selector docs: http://api.jquery.com/category/selectors/attribute-selectors/

Edit

I just reread the question. Are you talking about the url of the page? If so, you have to do an if statement on a window location match:

if(window.location.href.match("abc/Lists/abc/DispForm.aspx?ID=")) {
    $(".rfr-col-title").hide();
}

Example: http://jsfiddle.net/EyVr4/

edited Sep 9, 2011 at 16:14

answered Sep 9, 2011 at 16:02

Jeff B

30.1k7 gold badges64 silver badges91 bronze badges

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

Comments

epascarello · Accepted Answer · 2011-09-09 16:01:29Z

1

if(window.location.href.indexOf("abc/Lists/abc/DispForm.aspx?ID=") > -1) {
  jQuery(".rfr-col-title").hide();
}

edited Sep 9, 2011 at 16:01

epascarello

208k20 gold badges206 silver badges246 bronze badges

answered Sep 9, 2011 at 15:59

rlemon

17.7k14 gold badges96 silver badges126 bronze badges

2 Comments

rlemon Over a year ago

I noticed that as soon as i posted it. check now.

rlemon Over a year ago

concept is the same. Sorry, quick answer. :)

Mohsen · Accepted Answer · 2011-09-09 16:07:57Z

0

jQuery do have a attribute contain selector. So you can do this:

$('a[href*="abc/Lists/abc/DispForm.aspx?ID="]').hide();

Instead of .css('display', 'none') use .hide()

answered Sep 9, 2011 at 16:07

Mohsen

66.1k37 gold badges164 silver badges187 bronze badges

Comments

Meenakshi · Accepted Answer · 2011-09-09 16:28:18Z

0

How about this

var url = window.location.pathname;


if ("url:contains('abc/Lists/abc/DispForm.aspx?ID=')"){
    $(".rfr-col-title").hide();

}

edited Sep 9, 2011 at 16:28

answered Sep 9, 2011 at 16:05

Meenakshi

1218 bronze badges

4 Comments

jmar777 Over a year ago

I'm very confused what this is supposed to do. Even with the quotes removed, it's not valid JS.

Meenakshi Over a year ago

what url is returing, when you use "var url = window.location.pathname; "

jmar777 Over a year ago

Right, but your if condition has some issues. 1) It will always evaluate to true because it is a string literal, and therefore "truthy". 2) JavaScript doesn't have a contains method. 3) Even if JavaScript did have a contains method, you can't invoke it with a :. 4) If you were trying to use jQuery's contains pseudo-selector, it would need to be used in a selector context (e.g., $('.foo:contains(...)')), not to mention that :contains is only used for searching the tag body, not the href attribute.

jmar777 Over a year ago

The above comment feels like it came across snobbish, so sorry about that. I don't mean to be critical - just trying to understand the solution you provided.

Collectives™ on Stack Overflow

Using JQuery to Hide links based on URL value

4 Answers 4

Comments

2 Comments

Comments

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

2 Comments

Comments

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related