Question about jQuery .hasClass()

[Rugg]

Is there is a more efficient way to write $(this).hasClass('myclass') inside a click function? Below is a reference to the code in question , including a working sample…Any help is appreciated. Thank you.

$('.button').click(function () {

    if ($(this).hasClass('red')) {

        alert('Red Works');

    } else if ($(this).hasClass('blue')) {

        alert('Blue Works');

    } else if ($(this).hasClass('green')) {

        alert('Green Works');

    }

});

Working Sample: http://jsfiddle.net/eNhQT/

[TheDoc]

Really difficult to say without fully knowing what the code is trying to accomplish.

For starters, I’d be storing $(this) as a variable just inside the click function like this:

var button = $(this);

…and then going:

button.hasClass('whatever')

Depending on what you’re trying to do you might want to look into using a switch: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/switch

[Author]

Posts