使用jquery更改类onClick

Question

我有一个使用class ="active"显示活动状态的导航.单击链接时,我需要将"活动"类添加到单击的链接,并从所有其他链接中删除"活动"类.

这是我的代码:

<div id="referNav">
<div id="referLink1"><a href="javascript:;" onClick="changeClass();" class="active"></a></div>
<div id="referLink2"><a href="javascript:;" onClick="changeClass();" class=""></a></div>
<div id="referLink3"><a href="javascript:;" onClick="changeClass();" class=""></a></div>
</div>

任何帮助将不胜感激!

Answer 1

试试这个:

function changeClass() {
    $('#referNav a').removeClass('active');
    $(this).addClass('active');
}

你还应该在javacript中绑定函数,如下所示:

$('#referNav a').on('click', changeClass);

这样,正如Travis J在评论中指出的那样,$(this)将引用正确的对象.

的jsfiddle