jquery - 无法在 anchor 上使用 addClass 吗？

Question

我在将“active”类添加到导航(主页)中的第一个 anchor 时遇到问题。

这是我的代码笔 - http://codepen.io/Kuzyo/pen/vbhDF

这是我的jQuery:

$(document).ready(function() {
    var homeLink = $(".nav a")[0];
    console.log(homeLink);  
    homeLink.addClass("active");
    $("#home").addClass("center");  
});

这是我的HTML(与问题部分相关):

<div class="header">
    <div class="holder clearfix">
        <ul class="nav">
            <li><a href="#home">Home</a></li>
            <li><a href="#about">About</a></li>
            <li><a href="#creature">Creature</a></li>
            <li><a href="#landscape">Landscape</a></li>
            <li><a href="#contact">Contact</a></li>
        </ul>
    </div>
</div> 

有人能看出我做错了什么吗？

Answer 1

改变

var homeLink = $(".nav a")[0];

致:

var homeLink = $(".nav a").first();

在这种情况下，您需要 .first()，但如果您决定定位该分组中的其他 anchor ，请使用 .eq()。

您尝试在 JavaScript 对象上使用 jQuery 方法，因此出现控制台错误:

"Object [object HTMLAnchorElement] has no method 'addClass'"

Codepen here.