Javascript 如何将当前页面url与导航栏匹配？

我需要使用jQuery将我所在页面的url与导航栏中的li元素进行比较

到目前为止，我已经将当前url分配给了一个变量，如下所示

var currentPage = window.location.href;

然后我有一个。每个函数检查导航栏中的每个项目，如下所示

$("nav ul li a").each(
    function() {

    }
);

现在，我假设我需要函数中的某种if语句，可能是这样的

if(currentPage === ????) {};

我搞不清楚的是，要将url与列表中的内容进行比较

基本上，我希望在导航栏中突出显示我所在的任何页面。一旦我弄明白了如何让jQuery确认我所在的页面并将其与导航栏匹配，我将使用.css更改背景图像，使我所在的页面在导航栏上突出。我在一个jQuery类中，这是已经分配的内容

我在这里到处搜索，找不到任何真正符合我所做的事情

---

希望有人有一些见解…如果这个问题有意义的话，我实际上是在拔头发，只是想把它变成一个问题，更不用说弄明白了

我想您可能正在寻找：

this.href

这将为您提供正在循环的标记的实际href

---

答案改进了，感谢下面的评论

您可以使用parse。。若要匹配链接是否为当前页面，演示无法在stackoverflow中正确运行，若要查看结果，请转到

a{ 颜色：000； } a、 活跃的{ 颜色：红色； } 函数解析URL{ var parts=url.match/^[^？]*？\？***？***？$/； 返回{ uri:parts[1]，搜索：parts[2]，哈希：parts[3]， /** * *@param该字符串/对象具有`href`属性，例如：location *@param散列跳过散列匹配 *@param search跳过搜索匹配 *@如果url匹配，则返回{boolean}返回'true'，否则返回'false'。 */ 匹配：函数，散列，搜索{ var self=this，that=parsetypeof that==“string”？that:that.href； return！self.uri | self.uri==that.uri &&search | self.search==that.search &&hash | self.hash==that.hash； } }; } $'nav li a'。每个函数{ console.log['matching with'，this.href'，==>'，parsethis.href.matchlocation]。加入“”； console.log['matching with'，$this.attr'href'，'===>'，解析$this.attr'href'.matchlocation]。加入“”； 如果解析$this.attr'href'.matchlocation/*，则为true*///删除注释并尝试结果。 $this.addClass'active'； };

---

对于任何看这个的人，我都是用这个和，每个。这是它的样子

var currentPage=window.location.href

$("nav ul li a").each(
    function() {
        console.log($(this).attr("href"));
        if (currentPage.indexOf($(this).attr("href")) !== -1){
            $(this).addClass("highlight");
            return false;
        }
     }
);

---

当我第一次尝试解决这个问题时，我觉得我误解了我的老师，并且过度思考了这个问题。无论如何，这很好。

这对他的情况也更好，因为它会收回完整的href，而不仅仅是链接的属性值-我会编辑答案。我感谢您的帮助，但这有点让我不知所措，谢谢！总有一天我会好起来的。哈哈。我确实弄明白了。