I want to add a class to a body tag with jquery.
For example if URL is http://www.mywebsite.com/about_us.asp , I want add the first five letters, in this case 'about', to body tag <body class="about"> .
Can anyone help me please?
A:
Might something like this work?
$("body").attr("class","about");
Andrew Siemer
2009-08-16 05:33:21
A:
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 :)
Noon Silk
2009-08-16 05:34:03
+6
A:
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
Rex M
2009-08-16 05:34:51
A:
You can extract that part of the url using a simple RegExp:
var url = location.href;
var className = url.match(/\w+\/(\w+)_/)[1];
$('body').addClass(className);
CMS
2009-08-16 05:35:36