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种更好的方法来做到这一点,但都涉及重构我设置的复杂滑块.如果我可以使用它a.on来影响它.parent(),我会全力以赴.

小提琴:http://jsfiddle.net/saltcod/GY2qP/1/

Answer 1

这应该这样做:

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

http://jsfiddle.net/rdrsd/