jquery - Jquery - 如果它与手风琴中活动链接的当前父项匹配，则将其添加到顶部导航。

Question

问题是我的导航分为两部分。顶部导航和左侧导航。如果左侧导航的兄弟是当前 url，我需要告诉顶部链接有一个“.active”类。

EX：如果您在关于即“Bio”的子链接上，我需要告诉顶部导航链接“About”链接具有.active 类。

主页 | 关于 | 接触

<-- 此处为页面内容-->

<ul id="leftnav">
      <li>Home</li>
      <li><a href="ul.com/">About</a>
            <ul>
                  <li>Bio</li>
                  <li>History</li>
                  <li>Location</li>
            </ul>
      </li>
      <li>Contact</li>
</ul>

我试过这个：

$(document).ready(function() {
    currentPage = window.location.pathname;
    if( $('.sidebarNav li a[href$="' + currentPage + '"]').parent('#aboutParent')) {
        $('#aboutTopNav a').addClass('active');
    }
});

Answer 1

使用 jQuery 树遍历来满足您的需求：http ://api.jquery.com/category/traversing/tree-traversal/

Answer 2

$(document).ready(function() {
var href_array= window.location.pathname.split("/");
var part_num = 0;
while (part_num < href_array.length) {
    lastPart = href_array[part_num];
    part_num += 1;
}
//alert( lastPart);

$('#navigationArea a[href*="' + lastPart + '"]').parentsUntil('.sub').addClass('active');

});

在我的示例中，“.sub”是一个类，但我认为它也适用于您的 id。