Как найти активный класс и перенести его в родительский контейнер с помощью jQuery?

Question

Когда активный класс присутствует на <a>, я хотел бы переместить этот класс до его самого высокого родителя; <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> 

я ограничен работать в тематическом слое и имеют только JQuery и CSS, как мои инструменты.

Answer 1

Вы можете использовать :has селектор или has метод:

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

http://jsfiddle.net/RmxWq/

Answer 2

использование :has(), parents() и addClass().

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