JQuery если операторы зависят от текущего URL

Question

У меня есть сценарий, в котором я хочу, чтобы цвета кнопок менялись в зависимости от страницы. У меня есть анимация, работающая с одним цветом по умолчанию и массивом других цветов.

Что я хочу сделать, так это когда я на «красной» странице, чтобы изменить значение по умолчанию («синий») на «красный».

Я знаю, что могу сделать это с помощью операторов if, но я хочу сравнить его с URL. Я не знаю, как получить URL-адрес, а затем сохранить его. Я знаю точные страницы, с которыми я могу сравнить URL-адрес, но я также хотел бы, чтобы он работал с одноуровневыми страницами этой главной страницы.

Я просто не знаю, как получить URL с помощью jquery, протестировать его и проверить, есть ли братья и сестры из ИЗВЕСТНЫХ URL.

 EXAMPLE:
    foobar.com <- 'blue'
    foobar.com/red/ <- 'red'
    foobar.com/red/car <- still 'red'
    foober.com/green/ <- 'green'



var urlRed = "foobar.com/red/"
var urlGreen ="foobar.com/green/"
var urlInput = ??

if(urlInput == urlRed){
   ...set default to red...
} else if( urlInput == urlGreen ){
      ...set default to green...
} else {
   ...set default to blue...
}

Answer 1

$(function(){
    var red = "red";
    var green = "green";
    var url = window.location.href.toLowerCase();

    if(url.indexOf(red) >= 0){
       ...set default to red...
    } else if( url.indexOf(green) >= 0 ){
          ...set default to green...
    } else {
       ...set default to blue...
    }
}

Answer 2

var url = window.location.pathname.split("/")[1];

switch(url){
    case "red": // set default to red   
    break;

    case "green": //set default to green;
    break;

    default: // set to blue (default)
}

Answer 3

Вы можете получить URL в Jquery, используя

$(document).ready(function() {
var pathname = window.location.pathname;
});

или

$(location).attr('href');