Modify css on certain pages with jquery

Question

I need to use Jquery to modify divs on some certain pages that ends with a set of filenames. So for example, if a page ends with filename dispform.aspx, I want jquery to remove a particular div when the page is loaded.

How is this achievable?

Sarfraz · Accepted Answer · 2011-11-14T08:34:26.040

2

So for example, if a page ends with filename dispform.aspx, I want jquery to remove a particular div when the page is loaded.

Look for file name from window.location.href and do something like:

if (window.location.href.indexOf('dispform') > 0) {
  $('#divID').remove();
}

You need to put that code in $.ready handler.

edited Nov 14 '11 at 08:34

answered Nov 13 '11 at 16:47

Sarfraz

367,681
72
526
573

score 0 · Answer 2 · answered Nov 13 '11 at 16:46

0

Use can have the current url with :

$(location).attr('href');

After that, you can use jQuery to remove your div :

$("#myDivId").remove();

answered Nov 13 '11 at 16:46

Mathieu Mahé

2,575
2
33
47

score 0 · Answer 3 · answered Nov 13 '11 at 16:47

0

if (/dispform.aspx$/.test(document.location.toString())) {
 // code to remove element
}

answered Nov 13 '11 at 16:47

Kae Verens

3,983
3
20
40

score 0 · Answer 4 · edited May 23 '17 at 12:11

0

It is possible. You can get the current file name from Javascript, jQuery. Please check this post How to pull the file name from a url using javascript/jquery?

edited May 23 '17 at 12:11

Community

1
1

answered Nov 13 '11 at 16:48

Thein Hla Maw

687
1
9
28

score 0 · Answer 5 · answered Nov 13 '11 at 17:06

If you want to make sure this works even if there are query parameters or a hash tag, then you can do it like this:

$(document).ready(function() {
    if (window.location.pathname.match(/\/dispform.aspx$/) {
        $("#targetDiv").hide();
    }
});

Obviously, you would put your own id in place of #targetDiv.

Modify css on certain pages with jquery

5 Answers5