替換外部頁面中的href / add屬性，使其與當前網址相關

Question

因此，我有一個導航html，它被加載到網站上的每個頁面中，如下所示：

<div id="links-row">
    <ul class="cssmenu">
        <li class="home"><a title="Home" href="../"></a></li>
        <li class="sale"><a title="Sale" href="../sale"></a></li>
        <li class="news"><a title="News" href="../news">
        <li class="contact"><a title="Contact" href="../contact"></a></li>
    </ul>
</div>

它通過js加載到頁面中：

$(function(){
    $("#navigation").load("../_nav.html");
});

<div id="navigation">
</div>

通過將<a>的類別設置為“已選擇”，可以單獨突出顯示鏈接。 我想做的是添加class屬性，並將href更改為“＃”，而不是基於當前頁面的現有URL。 我知道我可以通過js獲得當前頁面名稱：

path = window.location.pathname;
page = path.replace(/\//g,"");

我的問題是； 如何搜索加載的頁面以找到相關鏈接，然后更改該特定鏈接的url href並將其設置為類

Answer 1

感謝您的輸入，這是結果。

$(function(){
    path = window.location.pathname;
    page = path.replace(/\//g,"");
    $("#nav-placeholder").load("../_nav.html", function() {
        $('a[href="../' + page + '"]').addClass("Selected").attr("href", "#")
    });
});