javascript - jQuery，菜单导航栏中的事件菜单项

Question

我有 jQuery 代码，可以在导航菜单栏中“为事件菜单项着色”。

我在网上找到的，感觉没什么难懂的。

/// <reference path="jquery-1.10.2.js" />
$(document).ready(function () {

    SetNavigation();
});

function SetNavigation() {

    var pathName = window.location.pathname;

    var path = window.location.pathname;
    path = path.replace(/\/$/, "");
    path = decodeURIComponent(path);

    $("#topnavnmenu a").each(function () {
        var href = $(this).attr('href');

        if (path.substring(0, href.lenght) == href) {
            $(this).closest('li').addClass("active");
        }
    })

}

对上面显示的代码的疑问:

1. 他为什么要这么做:

   path = path.replace(/\/$/, "");
   

2. 在比较 Url 和那<a href = " "在参数之前获取

如果是，如何编写代码？

$("#topnavnmenu a").each(function () {
    var href = $(this).attr('href');

    if (path.substring(0, href.lenght) == href) {
       $(this).closest('li').addClass("active");
    }
})

Answer 1

Why is he doing that: path = path.replace(//$/, "");

正则表达式 \/$ 位于:

path.replace(/\/$/, "");

仅用于删除(替换为空)路径中的最后一个斜杠 /。

示例:

console.log('www.website.com/'.replace(/\/$/, "")); //Remove last slash
console.log('www.website.com/page1/'.replace(/\/$/, "")); //Remove last slash
console.log('www.website.com/page2'.replace(/\/$/, "")); //No slash no change