Question

I have a scriptaculous function that I need to change to Jquery.

$$("div.mydiv a").each( function(el) {
    Event.observe(el, "mouseover", function() {
        $('other').addClassName(el.className+'hover');
    });
});
$$("div.mydiv a").each( function(el) {
    Event.observe(el, "mouseout", function() {
        $('other').removeClassName(el.className+'hover');
    });
});

Please, does anyone has Any idea of how to do that ?

Answer 1

Try this:

 $('div.mydiv a').hover(function(){
     $('other').addClass($(this).attr('class')+'hover') ;
},function(){
     $('other').removeClass($(this).attr('class')+'hover') ;
});

more info