Home/ Questions/Q 6784675
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-26T17:01:33+00:00

I have this snippet of code to parse the URL and add a class

  • 0

I have this snippet of code to parse the URL and add a class to the <body>tag of my HTML page. 

var pathname = window.location.pathname;
var pathSlashesReplaced = pathname.replace(/\//g, " ");
var pathSlashesReplacedNoFirstDash = pathSlashesReplaced.replace(" ","");
var newClass = pathSlashesReplacedNoFirstDash.replace(/(\.[\s\S]+)/ig, "");

$("body").attr("class",newClass);
if ( $("body").attr("class") == "")
{
$("body").addClass("class");
}

The issue I am having is that it deletes existing body classes already there. Instead, I would like to append to whatever body classes exist and not overwrite.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Use addClass instead of attr('class', newClass). The addClass also accepts a white-space separated list of class names, and correctly adds them.

    $("body").addClass(newClass);
if ( $("body").attr("class") == "") // Makes no sense, since you have previously 
{                                   // added `newClass`
    $("body").addClass("class");
}

    For documentation on addClass, see http://api.jquery.com/addClass/

    • 0