jQuery each function throwing error: Uncaught TypeError: Cannot read property

Question

I'm creating a custom step.js application for my project. I'm getting error on object scope. Below is my code

var STEPPED = {
    el: {
        stepContentDiv: $('#stepContent'),
        stepNavDiv:     $('#stepNav'),
        stepNavLi:      $('#stepNav li'),
        stepNavAnchor:  $('#stepNav li a'),
        stepNavDone:  $('#stepNav li a'),
        stepNavActive:  $('#stepNav li a')
    },
    doActive: function(){
        this.el.stepNavDone.on('click', function(){
            this.el.stepNavLi.each(function(){
                alert();
            });
        });
    },
    init: function(){
        this.doActive();
    }
}
STEPPED.init();

Getting error when I run this

this.el.stepNavLi.each(function(){
    alert();
});

Uncaught TypeError: Cannot read property 'stepNavLi' of undefined

Can anyone pleas help me what is the issue here? Thanks in advance

yes this is my question that why its undefined. But its defined at the top. cant understand — Kishore Patra
– Kishore Patra, Commented Oct 27, 2016 at 12:44

Rory McCrossan · Accepted Answer · 2016-10-27 12:44:07Z

1

Within the click event handler function, this refers to the element that was clicked on, not the STEPPED object. You need to cache the reference to the object in a variable if you want to retain the reference to it within the click handler. Try this:

doActive: function() {
    var _stepped = this;
    _stepped.el.stepNavDone.on('click', function(){
        _stepped.el.stepNavLi.each(function(){
            alert();
        });
    });
},

answered Oct 27, 2016 at 12:44

Rory McCrossan

338k41 gold badges322 silver badges353 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

jQuery each function throwing error: Uncaught TypeError: Cannot read property

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related