I've seen many topics for adding a class or id to body but my issue has to do with the root url, and other urls with a trailing slash.
I'm trying to add a unique class or id to body for each page based on the URL, with the option of adding one of your choice for the root, but it always adds that one to every page due to the trailing slash in the URL.
This is what I've got
$(function() {
var pathname = window.location.pathname;
var getLast = pathname.match(/.*\/(.*)$/)[1];
var truePath = getLast.replace(".php","");
if(truePath === '') {
$('body').attr('id', 'home'); // set to 'home' for the root
}
else {
$('body').attr('id', truePath);
}
});
The results
Root: <body id="home">
Interior page (/work/projectname/): <body id="home">
I'm getting the id "home" for every page. I just want "home" on the root and no other pages. And ideally id "projectname" for the interior(s).
I've determined that the trailing slash of my interior page URLs is causing this. I think some regex problem. I also tried some htaccess to remove the trailing slash with no luck so that's another conversation.
I'm wondering if editing (/.*\/(.*)$/)[1] for this to work?
Thank you.