尝试将 url 路径名与 RegEx 匹配

Question

我试图匹配这个：

/Wedding到/Wedding/Areas

/Wedding是要匹配的词。

我想我没有正确地逃避角色。

var pattern = new RegExp("^/" + href + "*$");

这就是我动态形成测试的方式。 欢迎任何帮助。

我认为这会更有帮助。 我正在尝试匹配 URL 为当前页面和子页面添加一个类

var activePage = window.location.pathname;

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

    // var pattern = new RegExp("^/" + href + "/\\.*$");
    var pattern = new RegExp("^/" + href + ".*$")

    if (pattern.test(activePage)) {
        $(this).addClass("active");
    }
});

编辑：

这是我找到的替代 RegEx 的解决方案。 谁能想出另一种方法来用 RegEx 解决这个问题？

var activePage = window.location.pathname;

$("#nav li a").each(function () {
    var href = $(this).attr("href");
    if (window.location.pathname.indexOf(href) == 0) {
        if (href != "/") {
            $(this).addClass("active");
        }
        if (href == "/" && activePage == href) {
            $(this).addClass("active");
        }
    }
});

Answer 1

var pattern = new RegExp("^/" + href + ".*$");

你忘记了星号前的点

但更好的正则表达式是：

"^/" + href + "/.*$"

确保有一个子路径而不是部分词

Answer 2

您可以使用以下正则表达式来匹配 url 的路径名部分：

 var pathNameRegex = /^(?:(?:\\w{3,5}:)?\\/\\/[^\\/]+)?(?:\\/|^)((?:[^#\\.\\/:?\\n\\r]+\\/?)+(?=\\?|#|$|\\.|\\/))/; var matches = "https://stackoverflow.com/questions/9946435/trying-to-match-url-pathname-with-regex?rq=1".match(pathNameRegex); //The last next of matches will have "questions/9946435/trying-to-match-url-pathname-with-regex" console.log(matches[matches.length - 1]); matches = "/questions/9946435/trying-to-match-url-pathname-with-regex?rq=1".match(pathNameRegex); //The last next of matches will have "questions/9946435/trying-to-match-url-pathname-with-regex" console.log(matches[matches.length - 1]); matches = "//stackoverflow.com/questions/9946435/trying-to-match-url-pathname-with-regex?rq=1".match(pathNameRegex); //The last next of matches will have "questions/9946435/trying-to-match-url-pathname-with-regex" console.log(matches[matches.length - 1]);