$(this) not working in custom function inside .each

Question

I'm trying to use $(this) inside a function, inside a .each loop but it's not selecting the correct element. I'm obviously doing something wrong. This is a basic version of what I'm trying to do. This is just to get me to the next stop, the below code really doesn't do much. I'm just trying to get better at making plugins and dealing with functions and variables and stuff.

$('.pixel-looper').each(function() {

    function fxNoneNext() {
        $(this).css('background', 'red');
    }

    $(this).find('a').bind('click', function() {
        fxNoneNext();
        return false
    });

});

thanks for over complicating my question with that link guys. — user3532476, Feb 18 '15 at 23:03

score 0 · Accepted Answer · answered Feb 18 '15 at 21:57

Always play safe...

$('.pixel-looper').each(function() {
    var self = this;
    function fxNoneNext() {
        $(self).css('background', 'red');
    }

    $(self).find('a').bind('click', function() {
        fxNoneNext();
        return false
    });

});

$(this) not working in custom function inside .each

1 Answers1