Mudar CSS por JAVASCRIPT
Bom dia. Desenvolvi um menu e gostaria que o background de um determinado LI mudasse de cor quando a respectiva pagina estiver aberta. Para saber a pagina corrente utilizei o seguinte codigo:
// pega a url e coloca na variavel url
var url = window.location.href;
// converte em String
url = url.toString()
// converte em um array separando pelos (=)
url = url.split("=");
// pega somente o ultimo elemento do array (nome do arquivo da pagina corrente)
var ultimoElemento = url[url.length - 1];
Para testar se está funcionando, utilizei if else:
if (ultimoElemento == "inicioProfessor"){
document.write(ultimoElemento);
}
else {
document.write("ola mundo");
}
Funcionou normalmente. Então passei a tentar mudar o background do LI especifico:
if (ultimoElemento == "inicioProfessor"){
$('item-inicio').css({"background-color":"#111"});
}
else {
$('item-inicio').css({"background-color":"#FFF"});
}
Mas não deu certo.
Gostaria de saber se alguém pode me ajudar com essa ultima parte, pois gostaria de continuar usando o mesmo método para pegar o nome do arquivo da pagina corrente.
Discussão (3)
Carregando comentários...