Question

I have the following HTML:

img class="hoverContact"
img class="hoverContact"
img class="hoverContact"

And the following jQuery:

function highlightContact(ev) {
    $(this).addClass('lightblue');  
}

$('.hoverContact').mouseover(function(){
    highlightContact();
});

Any suggestions?

Answer 1

You’re trying to use this inside highlightContact when the function has no context. Also, the function takes a paramater ev but you’re not passing it in. Instead, pass this in from the mouseover function and reference ev instead of this in the highlightContact function:

function highlightContact(ev) {
        $(ev).addClass('lightblue');  
    }

    $('.hoverContact').mouseover(function(){
        highlightContact(this);
    });