Jquery add class to body from query-string or hash

Question

I am trying to add a class to the body depending on the url querystring (or hash if thats easier)

If you go to http://www.here.com?myclass I want to page to change the class of the body to: <body class="myclass">

This is the closest I got using a hash:

$(document).ready(function() {

    var url=document.URL.split('#')[1];
    if(url == undefined){
        url = '';
    }

    if(url != ''){
        $(document.body).addClass('myclass');
    }
});

This tells how to get the query: http://stackoverflow.com/questions/16901981/add-hash-before-location-pathname/16902458#16902458 — Lee Meador, Jul 24 '13 at 20:25

score 0 · Answer 1 · answered Jul 24 '13 at 20:26

0

Your code is close:

var url=document.location

or

var url=document.location.hash

answered Jul 24 '13 at 20:26

Diodeus - James MacFarlane

112,730
33
157
176

score 0 · Answer 2 · answered Jul 25 '13 at 12:43

I always like it when I can find the answer here so i will paste it in.

This code of ther is a hash in the url http://www.domain.com# Adds a class of "myclass" to the body tag. Note it ADDS the class not replaces.

$(document).ready(function() {

var url=document.location.hash;
if(url != ''){
    $(document.body).addClass('myclass');
}

});

score 0 · Answer 3 · edited Oct 01 '15 at 22:59

0

Since you know the query string you want to have add the class, this should work:

$(function() {
   if (document.location.href.indexOf('?myclass') > -1 ) {
     $('body').addClass('myclass');
   } 
});

Search strings using > -1 or >= 0 to avoid errors.

edited Oct 01 '15 at 22:59

JGV

5,037
9
50
94

answered Oct 01 '15 at 22:06

RoJenkz

1
2

Jquery add class to body from query-string or hash

3 Answers3