Javascript函数读取url并分配活动类不工作

我的问题是关于我在wordpress网站上创建的一个内部菜单。当我转到第三级页面时，我无法将“活动”类正确分配给菜单的文本链接

我举了一个例子，可以帮助您理解这个问题：

url类型结构：www./serviozi ai privati/fisioterapia riabilitazione

菜单项的代码：

<a href="/servizi-ai-privati/fisioterapia-riabilitazione" class="active">
   <div id="fisioterapia-riabilitazione" class="menu_servizi_privati_sezione">
      <img src="/wp-content/uploads/2017/09/icona_fisioterapia.svg" 
         class="menu_servizi_icona">
      <h6>Fisioterapia e riabilitazione</h6>
   </div>
</a>

如何更改此函数以使其正确读取整个url？对不起，我不太熟悉javascript。我希望我能清楚地解释我的问题

这是我创建的菜单的完整代码：

<div class="cmsmasters_sidebar sidebar_layout_11 widget_menu_servizi_privati">
   <aside id="custom_html-3" class="widget_text widget widget_custom_html">
      <div class="textwidget custom-html-widget">
         <div style="text-align: center">
            <div class="menu_servizi_privati">
               <a href="/servizi-ai-privati/prenota-visita">
                  <div id="prenota-visita" class="menu_servizi_privati_sezione">
                     <img src="/wp-content/uploads/2017/09/icona_prenota_visita.svg" class="menu_servizi_icona">
                     <h6>Prenota una visita</h6>
                  </div>
               </a>
               <a href="/servizi-ai-privati/visite-specialistiche">
                  <div id="visite-specialistiche" class="menu_servizi_privati_sezione">
                     <img src="/wp-content/uploads/2017/09/icona_visite_specialistiche.svg" class="menu_servizi_icona">
                     <h6>Visite specialistiche</h6>
                  </div>
               </a>
               <a href="/servizi-ai-privati/check-up">
                  <div id="check-up" class="menu_servizi_privati_sezione">
                     <img src="/wp-content/uploads/2017/09/icona_checkup.svg" class="menu_servizi_icona">
                     <h6>Check up</h6>
                  </div>
               </a>
               <a href="/servizi-ai-privati/fisioterapia-riabilitazione" class="active">
                  <div id="fisioterapia-riabilitazione" class="menu_servizi_privati_sezione">
                     <img src="/wp-content/uploads/2017/09/icona_fisioterapia.svg" class="menu_servizi_icona">
                     <h6>Fisioterapia e riabilitazione</h6>
                  </div>
               </a>
               <a href="/servizi-ai-privati/punto-prelievi">
                  <div id="punto-prelievi" class="menu_servizi_privati_sezione">
                     <img src="/wp-content/uploads/2017/09/icona_punto_prelievi.svg"     class="menu_servizi_icona">
                     <h6>Punto prelievi</h6>
                  </div>
               </a>
               <a href="/servizi-ai-privati/medici">
                  <div id="medici"     class="menu_servizi_privati_sezione">
                     <img src="/wp-    content/uploads/2017/09/icona_medici.svg" class="menu_servizi_icona">    
                     <h6>I medici</h6>
                  </div>
               </a>
            </div>
         </div>
      </div>
   </aside>
</div>

---

谢谢。好的。你这里有很多问题

第一: 您使用的是

jQuery（'.menu\u servizi\u privati a'）

，但您的a标签不在任何容器中。请提供更多代码或修复此问题

第二： 您使用的是提供完整URL的

this.href

，但您可以将其与仅提供URL路径的windows.location.pathname进行比较

第三：不要删除后面的斜杠，你应该确保只有一个URL版本（URL重定向）可以访问你的网站。这对谷歌/搜索引擎优化（独特内容）更好

解决方案： 摆脱正则表达式并修复代码。这对我来说非常好。我重写了一点代码。当需要指定

jQuery

时，只需将

$

-符号替换为

jQuery

---

Fiddle:

您在问题中指定的URL需要身份验证，因此无法验证您的网站。请多发一点代码来理解。url只是一个让你理解我的url的例子。该网站尚未发布，因此我无法在此处填写正确的url。嗨，Michael，我在菜单的整个代码上方填写了。请编辑您的问题并删除答案。是的，这段代码应该可以做到这一点，但是这个函数在第二级页面和第三级页面上都不起作用。我看不到任何其他级别。不幸的是，如果没有所有的信息，很难提供帮助。只需通过调试对函数的输出进行双重检查。对每个变量进行

console.log

以检查值

<div class="cmsmasters_sidebar sidebar_layout_11 widget_menu_servizi_privati">
   <aside id="custom_html-3" class="widget_text widget widget_custom_html">
      <div class="textwidget custom-html-widget">
         <div style="text-align: center">
            <div class="menu_servizi_privati">
               <a href="/servizi-ai-privati/prenota-visita">
                  <div id="prenota-visita" class="menu_servizi_privati_sezione">
                     <img src="/wp-content/uploads/2017/09/icona_prenota_visita.svg" class="menu_servizi_icona">
                     <h6>Prenota una visita</h6>
                  </div>
               </a>
               <a href="/servizi-ai-privati/visite-specialistiche">
                  <div id="visite-specialistiche" class="menu_servizi_privati_sezione">
                     <img src="/wp-content/uploads/2017/09/icona_visite_specialistiche.svg" class="menu_servizi_icona">
                     <h6>Visite specialistiche</h6>
                  </div>
               </a>
               <a href="/servizi-ai-privati/check-up">
                  <div id="check-up" class="menu_servizi_privati_sezione">
                     <img src="/wp-content/uploads/2017/09/icona_checkup.svg" class="menu_servizi_icona">
                     <h6>Check up</h6>
                  </div>
               </a>
               <a href="/servizi-ai-privati/fisioterapia-riabilitazione" class="active">
                  <div id="fisioterapia-riabilitazione" class="menu_servizi_privati_sezione">
                     <img src="/wp-content/uploads/2017/09/icona_fisioterapia.svg" class="menu_servizi_icona">
                     <h6>Fisioterapia e riabilitazione</h6>
                  </div>
               </a>
               <a href="/servizi-ai-privati/punto-prelievi">
                  <div id="punto-prelievi" class="menu_servizi_privati_sezione">
                     <img src="/wp-content/uploads/2017/09/icona_punto_prelievi.svg"     class="menu_servizi_icona">
                     <h6>Punto prelievi</h6>
                  </div>
               </a>
               <a href="/servizi-ai-privati/medici">
                  <div id="medici"     class="menu_servizi_privati_sezione">
                     <img src="/wp-    content/uploads/2017/09/icona_medici.svg" class="menu_servizi_icona">    
                     <h6>I medici</h6>
                  </div>
               </a>
            </div>
         </div>
      </div>
   </aside>
</div>