Empresas
Empregos
  • Sobre nós
  • Soluções
    • Publicação de vagas
      Publique sua vaga e receba candidatos qualificados em 48h.
    • Avaliações de candidatos
      Mais de 500 testes técnicos e psicológicos, mais anti-fraude.
    • Headhunting
      Busca executiva personalizada do início ao fim.
    • Folha de Pagamento + EOR
      Dispersão de folha e EOR em mais de 15 países da LATAM.
  • Preços
  • Empregos

0

162
Visualizações
¿Cómo agregar una clase para la URL ACTIVA en la barra lateral?

Mi código:

 const address = location.pathname; const links = document.querySelectorAll('.sidebarMain a'); links.forEach(function(el) { if(new RegExp(`^${el.getAttribute('href')}(.*)$`, 'i').test(address)) el.classList.add('active')});

Pero no funciona, ¿dónde me equivoqué?

about 4 years ago · Juan Pablo Isaza
1 Respostas
Responde à pergunta

0

El HREF de los enlaces incluirá automáticamente el dominio actual al acceder a través de javascript, por lo que puede compararlo directamente con window.location.href

 let links = document.querySelectorAll(".sidebarMain a"); let cur = window.location.href; console.log(cur) links.forEach(function(link){ if(link.getAttribute("href") == cur){ link.classList.add("active"); } });
 .active{font-weight:bold;color:red;}
 <div class="sidebarMain"> <a href="https://stacksnippets.net/js">Active</a> <a href="aaa">test3</a> </div>

about 4 years ago · Juan Pablo Isaza Relatório
Responde à pergunta
Encontrar trabalhos remotos

Descubra a nova forma de encontrar um emprego!

melhores empregos
Principais categorias de trabalho
Empresas
Postar vaga Preços Comercial
Jurídico
Termos e Condições Política de privacidade
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomende algumas ofertas para mim
Preciso de ajuda