Javascript outer scope variable access

Question

OperationSelector = function(selectElement) {
    this.selectElement = selectElement;
}

OperationSelector.prototype.populateSelectWithData = function(xmlData) {
    $(xmlData).find('operation').each(function() {
        var operation = $(this);
        selectElement.append('<option>' + operation.attr("title") + '</option>');               
    });
}

How could I access OperationSelector.selectElement in iteration block ?

Incidentally you shouldn't generally use HTML string-slinging to create new options. If the title may contain a < or & you've got trouble (potentially security trouble). Using new Option(operation.attr('title')) to create the node is simpler and safer. — bobince
– bobince, Commented Feb 16, 2010 at 16:21

Andy E · Accepted Answer · 2013-02-28 11:22:56Z

13

Assign it to a local variable in the function scope before your iteration function. Then you can reference it within:

OperationSelector = function(selectElement) { 
    this.selectElement = selectElement; 
} 

OperationSelector.prototype.populateSelectWithData = function(xmlData) { 
    var os = this;
    $(xmlData).find('operation').each(function() { 
        var operation = $(this); 
        os.selectElement.append(new Option(operation.attr("title")));
    }); 
}

edited Feb 28, 2013 at 11:22

answered Feb 16, 2010 at 16:01

Andy E

346k86 gold badges482 silver badges452 bronze badges

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

Collectives™ on Stack Overflow

Javascript outer scope variable access

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