Question

Is there a way with jQuery to know which div you have just rolled out of without using id’s?

Basically I have something like the following scenario:

If a user hovers over a div it is turned red.
If a user hovers over another div, all divs are turned white (basically resetting everything), and the currently hovered over div turns red.
However, if a user rolls over a div to turn it red, and out and back into the same one I don’t want it to go back white and then to red.

Answer 1

Here’s another solution: http://jsfiddle.net/adeneo/ep39L/1/

var last;

$('div').mouseenter(function(e) {
    var elm = $(e.target);
    if (last != elm) {
        $('div').css('background', 'white');
        elm.css('background', 'red');
    }
    last=elm;
    $('div').eq(2).html(last.index()+1);
});