AddClass到函数的父<li>

3 html javascript jquery

我正在尝试将一个类添加到父级<li>,这是我一直在尝试的没有结果:

function calendaractive(){
    $(this).parent('li').addClass("active");
}
Run Code Online (Sandbox Code Playgroud)

HTML

<li>
    <a href="javascript:void(0)" onclick="calendaractive();">2009</a>
</li>
Run Code Online (Sandbox Code Playgroud)

为什么这不起作用?

asi*_*d88 7

尝试.
传递this你的功能绑定

<li>
    <a href="javascript:void(0)" onclick="calendaractive(this);">2009</a>
</li>  
Run Code Online (Sandbox Code Playgroud)

相应地改变JS

function calendaractive(anchorLink){
    $(anchorLink).parent().addClass("active");
}
Run Code Online (Sandbox Code Playgroud)

  • 问题是,除其他外,如果你有这样的50个链接你需要重复这个:`onclick ="calendaractive(this);"`50次.现在假设您要更改函数名称.Yu需要在50个地方改变它 (2认同)