我有主要的導航，它們只是主頁上的“頁內”鏈接。我還有一個包含三個頁面的定價部分，它們作為帶有URL的子頁面存在：/pricing/basic-pricing.html、/pricing/pro-pricing.html和/pricing/pricing-premium.html。在這三個頁面上，我有一個導航欄可以在這兩個頁面之間來回切換。因此，有兩個導航元素（主要導航和側面導航）。當在子頁面上，即/pricing/basic-pricing.html時，我希望稱為“定價”的primary-nav鏈接具有活動類。我在下面的代碼中使用它，但是想知道是否有更好的方法，以防將來將來添加更多子頁面。我不想僅為了容納新頁面而添加更多的jQuery?，F在，它只是在看URL是否在href中包含字符串“ pricing”，然后將類添加到主導航中的“ pricing”鏈接中。<nav class="primary-nav"><ul class="menu collapse vertical large-horizontal">   <li><a href="#features">features</a></li>   <li><a href="#options">options</a></li>   <li><a href="#pricing">pricing</a></li>   <li><a href="#testimonials">testimonials</a></li>   <li><a href="#contact">contact</a></li></ul></nav><ul class="vertical menu side-nav">    <li><a href="{{root}}pricing/basic-pricing.html">Basic Pricing</a></li>    <li><a href="{{root}}pricing/pro-pricing.html">Pro Pricing</a></li>    <li><a href="{{root}}pricing/premium-pricing.html">Premium Pricing</a></li></ul>$(document).ready(function () {  $('.side-nav.menu a.is-active[href*="pricing"]').each(function () {    $('.primary-nav .menu a[href$=pricing]').addClass('is-active');  });});