javascript - Jquery:无法读取未定义的属性 'addClass'

Question

我复制了一个主题的代码。我彻底分析并理解了。该主题是关于分配当前页面的类(在链接中搜索 html 名称并与当前页面进行比较)。

function getCurrentLinkFrom(links){
    var curPage = document.URL;
    curPage = curPage.substr(curPage.lastIndexOf("/ ")) ;

    links.each(function(){
        var linkPage = $(this).attr("href");
        linkPage = linkPage.substr(linkPage.lastIndexOf("/"));
        if (curPage == linkPage){
            return $(this);
        }
    });
};

$(document).ready(function(){
    var currentLink = getCurrentLinkFrom($('navbar a')); 
    currentLink.addClass('current_link');

});

Answer 1

这将帮助您找到答案，但同时也会为您提供一项重要技能...我添加了两个日志语句，它们将向您显示是否获得匹配以及原因。

只有在找到匹配项时才会返回一个值，因此错误是因为您在没有找到匹配项的情况下执行了函数。

function getCurrentLinkFrom(links){
    var curPage = document.URL;
    curPage = curPage.substr(curPage.lastIndexOf("/ ")) ;

    links.each(function(){
        var linkPage = $(this).attr("href");
        linkPage = linkPage.substr(linkPage.lastIndexOf("/"));

        // This will help you see if any match
        console.log(curPage, linkPage);

        if (curPage == linkPage){
            return $(this);
        }
    });

    // This will help you to see when there is no match
    console.log('Not found!', curPage);
};