How to push a value to an array from within a JQuery function

Question

I have this Javascript variable :

var Item_properties = {
   id : null,
   keys : [],
   hydrate: function() {
       //get data
       this.id = $('input[id=id]').val();

       $("#item_key div input").each(function(index) {
          this.keys.push($(this).val());
       });
}

It is impossible to push any data in keys array, I'm getting the message : Cannot call method 'push' of undefined

Any idea ?

Dogbert · Accepted Answer · 2013-05-01 12:18:20Z

7

jQuery sets this to the DOM element in the callback to .each. You can save this into a variable and then use it.

var self = this;
$("#item_key div input").each(function(index) {
  self.keys.push($(this).val()));
}

answered May 1, 2013 at 12:18

Dogbert

224k43 gold badges419 silver badges417 bronze badges

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

Comments

Dogbert · Accepted Answer · 2013-05-01 12:26:04Z

1

Try like this:

var $this = this;
$("#item_key div input").each(function (index) {
    $this.keys.push($(this).val());
});

Your code didn't worked since the this inside the each loop was actually reference to the input tag. But you need to reference the Item_properties here.

edited May 1, 2013 at 12:26

Dogbert

224k43 gold badges419 silver badges417 bronze badges

answered May 1, 2013 at 12:18

palaѕн

74.2k17 gold badges123 silver badges140 bronze badges

Comments

Community · Accepted Answer · 2017-05-23 11:49:15Z

0

While two other answers are ok, here is another way to do it.

You can use

Item_properties.keys.push($(this).val());

Instead of

this.keys.push($(this).val());

edited May 23, 2017 at 11:49

CommunityBot

11 silver badge

answered May 1, 2013 at 14:10

Mohayemin

3,8704 gold badges29 silver badges55 bronze badges

Collectives™ on Stack Overflow

How to push a value to an array from within a JQuery function

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related