Comment trouver une classe active et la déplacer vers un conteneur parent en utilisant jQuery?

Question

Quand une classe active est présente sur le <a>, je voudrais déplacer cette classe jusqu'à son parent le plus élevé; le <div class="views-row">

<div class="views-row-unformatted views-row views-row-2 views-row-even"> 
    <div class="title"> 
    <span class="field-content"> 
     <a class="active"> 
     <h3>Title Text</h3> 
     </a> 
    </span>  
    </div> 
</div> 

Je suis limitée à travailler dans la couche de thème et ont seulement jQuery et CSS que mes outils.

Answer 1

Vous pouvez utiliser sélecteur :has ou has méthode:

$('div.views-row:has(a.active)') 
        .addClass('active') 
        .find('a.active') 
        .removeClass('active'); 

http://jsfiddle.net/RmxWq/

Answer 2

utilisation :has(), parents() et addClass().

$('a:has(".active")').parents('div.views-row').addClass('active');