Access an object node with a variable in jQuery

Question

I've a jQuery object (counts) like this :

Object {men: 299, womens: 175, children: 173}

I just want to retrieve the value to display it in a span (the data-filter attributes are the same as the object keys)

$( "a.type_select" ).each(function() {
    var theType = $(this).attr('data-filter');
    var theCounter = counts.theType;
    $(this).children('span.count').html(' ('+theCounter+')');
});

How can I do this ?

Thanks !

Karl-André Gagnon · Accepted Answer · 2014-06-19 19:33:33Z

1

counts.theType access the key theType of the object counts.

It is important to know that object key can also be accessed by string. You just need to use bracket. for example :

counts['men']; // 299

That being said, you can pass a variable to the bracket :

counts[theType]

That will return what you want.

answered Jun 19, 2014 at 19:33

Karl-André Gagnon

33.9k5 gold badges53 silver badges77 bronze badges

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

Collectives™ on Stack Overflow

Access an object node with a variable in jQuery

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