Как сделать добавлением удаление класса для дебагинга?

Question

[massef]

Нужно сделать добавление/удаление класса к элементу html, но чтобы это работало только в том случае если в адресной строке указан какой-нибудь параметр.

Как это делается? Что почитать?

Answer 1

[Pshkll]

Функция для работы с параметрами:

var getUrlParameter = function getUrlParameter(sParam) {
    var sPageURL = decodeURIComponent(window.location.search.substring(1)),
        sURLVariables = sPageURL.split('&'),
        sParameterName,
        i;

    for (i = 0; i < sURLVariables.length; i++) {
        sParameterName = sURLVariables[i].split('=');

        if (sParameterName[0] === sParam) {
            return sParameterName[1] === undefined ? true : sParameterName[1];
        }
    }
};

К примеру у вас есть site.com/?stol=stol-yglovoi
var stol = getUrlParameter('stol');

Дальше проверяете полученное значение и если оно вам подходит, то

$("ваш-элемент").addClass("ваш-класс-для-добавления");

или
$("ваш-элемент").removeClass("класс-для-удаления")

Answer 2

[Роман Дворянов]

// Функция парсящая адресную строку на ключи
var getUrlParameter = function getUrlParameter(sParam) {

      var sPageURL = decodeURIComponent(window.location.search.substring(1)), 
	sURLVariables = sPageURL.split('&'), 
	sParameterName, 
	i;
    for (i = 0; i < sURLVariables.length; i++) {
       sParameterName = sURLVariables[i].split('=');
   
    if (sParameterName[0] === sParam) {
	      return sParameterName[1] === undefined ? true : sParameterName[1];
	}
    }
};

// Добавляем в переменную foo значение ключа query из адресной строки, т.е./?query=значение
var foo = getUrlParameter(‘query’); 

// если значение query=true, меняем класс
if (foo === "true") {
   $(element).toggleClass('class');
}