JQuery HTML Div 导航

Question

以下代码显示了我的侧边菜单的 div 实现。

<div class="top_link">
    <h3><a href="/dashboard/" class="dash_board_link">Dashboard</a></h3>
</div>
<div id="accordion" class="accordion_menu">
    <h3><a href="#section1">Hits</a></h3>
    <div class="content">
        <a href="/dailyhits/">Daily Hits</a>
        <a href="/tophundredurls/?page=1">Top 100 URL</a>
    </div>
</div>
<div class="bottom_link">
    <h3><a href="/userwatchlist">Watch Lists</a></h3>
</div>
<div class="bottom_link">
    <h3><a href="/twitterinsights">Twitter Insights</a></h3>
</div>
<div class="bottom_link selected">
    <h3><a href="/managedomain"> Manage Domain </a></h3>
</div>

使用 jQuery 我想读取当前 URL 并将其修剪为 href 属性中指定的格式，如果匹配我想添加特定 div 的选定部分 元素到 div class="xxx select"。为此，我添加了以下 jQuery 代码:

$(document).ready(function () {
    var pathname = window.location.pathname;
});

我不知道如何继续，因为 jQuery 太新了。

Answer 1

还没有尝试过，但是，这些东西应该有用:

var pathname = window.location.pathname;
var pathPart = pathname.slice('.com/', '/'); // assuming this is the end of your url
$('#navigation a').click(function(){
    var url = $(this).attr('href');
    $('#navigation a').removeClass('active');
    if ( pathPart == url ) {
        $(this).addClass('active');
    }
});