Can't access javascript class from within jquery function

Question

I have this function inside of a javascript class:

this.checkSections = function(){
        jQuery('#droppable #section').each( function() {
            nextId = jQuery(this).next().attr('id');
            if (nextId != 'small' && nextId != 'large'){
                jQuery(this).remove();
                this.sections --;
                this.followArticles = 0;
            }else{
                articles = 0;
                obj = jQuery(this).next();
                while (nextId == 'small' || nextId == 'large'){
                    articles++;
                    obj = obj.next()
                    nextId = obj.attr('id');
                    //alert(nextId);
                }
                this.followArticles = articles;
                alert(this.sections);
            }
        });
    }

the alert(this.sections); (last lines) gives output of undefined although the sections is defined and used.

what could be the problem?

this does not relate to what you think it does. jQuery has overwritten it for use in $(this). I'm sure there is another method that's simpler, but I always use underscore.js's _.bind() function to pass through the parent's this data. — James
– James, Commented Jan 28, 2013 at 12:55
Inside the each function, this would be the element being iterated, and you're using $(this).remove() on the line above, so what makes you think this would reference a class on the next line ? — adeneo
– adeneo, Commented Jan 28, 2013 at 12:56
Javascript: How to access a class attribute from a function within one of the class's functions — jantimon
– jantimon, Commented Jan 28, 2013 at 13:18

jantimon · Accepted Answer · 2013-01-28 12:56:04Z

this is always a local variable and therefore it is overwritten in every function.

What you might do is pointing to your class e.g. var myClass = this; and use myClass instead of this.

 this.checkSections = function(){

    var myClass = this;

    jQuery('#droppable #section').each( function() {
        nextId = jQuery(this).next().attr('id');
        if (nextId != 'small' && nextId != 'large'){
            jQuery(this).remove();
            myClass.sections --;
            myClass.followArticles = 0;
        }else{
            articles = 0;
            obj = jQuery(this).next();
            while (nextId == 'small' || nextId == 'large'){
                articles++;
                obj = obj.next()
                nextId = obj.attr('id');
                //alert(nextId);
            }
            myClass.followArticles = articles;
            alert(myClass .sections);
        }
    });
}

Collectives™ on Stack Overflow

Can't access javascript class from within jquery function

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related