How to add a class to body tag

Question

I want to add a class to a body tag with jQuery   For example if the URL is http   www mywebsite com about us asp  I want add the first five letters  in this case  about   to the body tag    lt body class  about  gt    How can I do that

User · Accepted Answer

This should do it   var newClass   window location href  newClass   newClass substring newClass lastIndexOf      1  5      body   addClass newClass     The whole  five characters  thing is a little worrisome  that kind of arbitrary cutoff is usually a red flag  I d recommend catching everything until an   or     newClass   newClass match                             That pattern should yield the following       about us html   about    something html   something    has two underscores html   has

User · Answer

Use     document body  addClass  about

User · Answer

Well  you re going to want document location  Do some sort of string manipulation on it  unless jQuery has a way to avoid that work for you  and then    body  addClass foo     I know this isn t the complete answer  but I assume you can work the rest out

User · Answer

You can extract that part of the URL using a simple regular expression   var url   location href  var className   url match   w     w      1      body   addClass className

User · Answer

body   toggleClass  className      perfectly works

User · Answer

Something like this might work      body   attr  class    about      It uses jQuery s attr   to add the class  about  to the body

User · Answer

I had the same problem    lt body id  body  gt    Add an ID tag to the body       body   attr  class  json class      My class comes from Ajax JSON  but change it to whatever you require    Then switch the class for the body s using the id  This has been tested in Chrome  Internet nbsp Explorer  and Safari

[jquery] How to add a class to body tag?

Examples related to jquery