jQuery 如果链接 hasClass，则将类应用于其父级

Question

我有一个简单的列表:

<ol>
    <li><a href="#" class="on"> I'm on</a> </li>
    <li><a href="#"> I'm off</a> </li>
    <li><a href="#"> I'm off</a> </li>
</ol>

我想将一个类应用于 <li>如果<a>它包含类 on 。

IE:我想更改为

<li><a href="#" class="on"> I'm on</a> </li>

至:

<li class="active"><a href="#" class="on"> I'm on</a> </li>

仅使用 css 有 100 种更好的方法来做到这一点，但所有方法都涉及重构我设置的复杂 slider 。如果我可以使用a.on影响其.parent() ，我就准备好了。

fiddle :http://jsfiddle.net/saltcod/GY2qP/1/

Answer 1

这应该可以做到:

$('a.on').parent('li').addClass('active');

http://jsfiddle.net/rdrsd/