Active class for nav

Question

I'm using the following script to add class="active" to my navigation menu and it works fine unless I use the htaccess to remove the .php extension. This is the code:

$(document).ready(function () {    
    var CurrentUrl = window.location.origin+window.location.pathname;
    $('#NavMenu a').each(function(Key,Value)
        {
            if(Value['href'] === CurrentUrl)
            {
                $(Value).parent().addClass('active');
            }
        });
 });

My .htaccess is the following

# remove .php; use THE_REQUEST to prevent infinite loops
RewriteCond %{HTTP_HOST} ^www\.website\.com
RewriteCond %{THE_REQUEST} ^GET\ (.*)\.php\ HTTP
RewriteRule (.*)\.php$ $1 [R=301]

# remove index
RewriteRule (.*)index$ $1 [R=301]

# remove slash if not directory
RewriteCond %{REQUEST_FILENAME} !-d
RewriteCond %{REQUEST_URI} /$
RewriteRule (.*)/ $1 [R=301]

# add .php to access file, but don't redirect
RewriteCond %{REQUEST_FILENAME}.php -f
RewriteCond %{REQUEST_URI} !/$
RewriteRule (.*) $1\.php [L]

Any suggested solutions? I'd appreciate it!

Answer 1

Try

var CurrentUrl = window.location.origin+window.location.pathname + '.php'; 

But you will need to use htaccess by default or php extension will be added additionally