Entonces, lo que me gustaría lograr es mostrar una clase solo en las subpáginas de una determinada página principal y ocultarla en el resto de las páginas. Lo busqué y aprendí que puedo lograr esto con jQuery a través de ID de página. Pero estas subpáginas se siguen actualizando, ¿hay alguna manera de hacer que esto sea automático?
.sidebar {ejemplo de página y subpágina;
https://example/event/ https://example/event/pikachuGracias
const { pathname } = window.locationp.ej:
https://www.example.com/path1 <-- Hide the class https://www.example.com/path1/path2 <-- Show the class https://www.example.com/path1/path3 <-- Show the class https://www.example.com/path1/path2/path4 <-- Show the class etc... // .sidebar class allowed only for sub paths of /path1 // This is the logic ////////////////////////// const { pathname } = window.location; const target = /^\/path1.*/gim; if (target.test(pathname) && pathname !== '/path1') node.classList.add('sidebar'); else node.classList.remove('sidebar'); ///////////////////////////////////////////////Puedes probar una demo AQUÍ