Jqueryを使用してINACTIVE divクラスを変更してください

Question

どうすればこのことをお考えですか？

私はデフォルトでdivのリストの最初のdivにハイライト（アクティブなクラスを与える）するmenueを持っています。私はこのことが必要です：あなたが親div（リストの他のdivをリストしている）内にいる間、通常のホバーアクションがあります。親divを離れると、最後に強調表示されたdivはアクティブな状態にとどまります。理にかなっている？キンダ？

これまで私がこれまで持っていたことは次のとおりです。 catListInner1は、他のグループがグループ化されている親divです。

var aCl = jQuery.noConflict(); 
aCl(document).ready(function() { 

    //takes the initial active class off of the first div. 
aCl("#catListInner1").live({ 
    mouseenter: function() { 
     aCl("#catListInner1 div:first").removeClass().addClass('catListOther'); 
    } 

}); 


aCl(".catListOther").live({ 
    mouseenter: function(e) { 
    // aCl("#catListInner1 div:first-child").removeClass('catListAct'); 
     aCl(this).removeClass().addClass('catListAct'); 
    }, 
    mouseleave: function(e){ 
     aCl(this).removeClass().addClass('catListOther'); 
    }, 
}); 
}); 

Answer 1

これは私のために働くことになったものです::

var aCl = jQuery.noConflict(); 
aCl(document).ready(function() { 
var currentId 

aCl(".catListOther").live({ 
    mouseenter: function(e) { 

      aCl('.catListAct').not(aCl(this)).removeClass().addClass('catListOther'); 
     aCl(this).removeClass().addClass('catListAct'); 
     currentId = aCl(this).attr('id'); //get the ID of the last div you visited 
    } 
}); 

aCl(".catListAct").live({ 
    mouseleave: function(e){ 
     aCl(this).removeClass().addClass('catListOther'); 

    }, 
}); 

aCl('#catList').live('mouseleave', function() { 
    aCl("#" + currentId).removeClass().addClass('catListAct'); 
      //when leaving parent div, add the class back to the last div you visited in the list 
}); 
}); 

Answer 2

私はこの権利を理解していれば知っているが、何をしたいこと（この場合はdiv）ホバー上の要素を強調することで、あなたは、同じクラスの別の要素を置く場合にのみ、このハイライトを削除しないでください？ その場合は、ここで私がやるだろ何：これはどういう

$('element').mouseenter(function(){ 
    $('element.class').removeClass('class'); 
    $(this).addClass('class'); 
}); 

は、すべての要素からホバークラスを削除し、現在ホバリング要素に適用されます。現在の要素をマウスが離れると何も起こりません。