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

使用jquery主要涉及在屏幕上选择某些内容（例如div），然后对其执行操作（例如替换其文本）。

所以你的jquery需要对你设置的路径名做些什么。

你的jquery也不是很有效，因为你最后遗漏了几个角色：

$(document).ready(function () { 
  var pathname = window.location.pathname; 
  // select something here and use the pathname, eg:
  $(".bottom_link").append(pathname);
});

但是根据你的描述，我不确定你想要选择什么或者你想用它做什么 - 但希望这会让你开始？

Answer 2

Haven尚未尝试过，但是这些东西应该有效：

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');
    }
});

JQuery HTML Div Navigation

2 个答案: