jQuery - Add class based on url and without url

Question

[Update code again] I have the following code:

var header_url = window.location.href;
if(/index/.test(header_url)||/home/.test(header_url)){
    $('#home').addClass('select');
} else if(/about/.test(header_url)) {
    $('#about').addClass('select');
} else if(/contact/.test(header_url)) {
    $('#contact').addClass('select');
}

The code is work, when I click them:

http://example.com/index.html
http://example.com/about.html
http://example.com/contact.html

But if I want to add another page, set it as default main page without url, like this:

http://example.com

I try to add code but it doesn't work:

else if(/.test(header_url)) {
        $('#default').addClass('select');
    }

Can anybody help please? thx!

@Tushar Sorry I posted the wrong code, can you please check again? — S.P.
– S.P., Commented Sep 4, 2015 at 7:08

Vishal Kiri · Accepted Answer · 2015-09-04 06:48:59Z

1

you have used default in switch case like

switch (window.location.pathname) {
case '/index':
$('#home').addClass('select');
break;
case '/about':
$('#about').addClass('select');
break;
case '/contact':
$('#contact').addClass('select');
break;
default:
 $('#default').addClass('select');
break;
}

try this.

answered Sep 4, 2015 at 6:48

Vishal Kiri

1,3061 gold badge12 silver badges24 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

S.P. Over a year ago

Sorry I posted the wrong code, can you please check again? thx!

Anand G · Accepted Answer · 2015-09-04 07:17:25Z

0

You have not created proper expression for last condition. Try below code

var header_url = 'http://example.com';
//var header_url = 'http://example.com/index.html';
//var header_url = 'http://example.com/about.html';
//var header_url =  'http://example.com/contact.html';
if(/index/.test(header_url)||/home/.test(header_url)){
    console.log('index');
} else if(/about/.test(header_url)) {
    console.log('about');
} else if(/contact/.test(header_url)) {
    console.log('contact');
} else if(/\//.test(header_url)) {
   console.log('nothing');
}

Check this fiddle too http://jsfiddle.net/anandgh/k63f3a33/1/

answered Sep 4, 2015 at 7:17

Anand G

3,2102 gold badges24 silver badges30 bronze badges

Collectives™ on Stack Overflow

jQuery - Add class based on url and without url

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related