Access a javascript object using a key obtained on click

Question

I am attempting to access an object with a dynamic key that is obtained from a list item on click. Each list item has a class that matches a key within the object. For some reason is get "undefined". Here is the fiddle http://jsfiddle.net/defmetalhead/sFLGA/

 $(function() {
    var a = 1;
    var b = 2;
    var c = 3;
    var d = 4;
    var e = 5;
    $('.menu li').on('click', function() {
        var liClass = $(this).attr('class');
        console.log(liClass);
        var someObject = {
            "a": a,
            "b": b,
            "c": c,
            "d": d,
            "e": e
        }
        console.log(someObject.a);        //THIS WORKS FINE
        console.log(someObject.liClass); //WHY DOESN'T THIS WORK
    });
});

Here is the HTML

<ul class="menu">
    <li class="a">First</li>
    <li class="b">Second</li>
    <li class="c">Third</li>
    <li class="d">Fourth</li>
    <li class="e">Fifth</li>
</ul>

possible duplicate of JavaScript object: access variable property by name as string — Felix Kling
– Felix Kling, Commented Mar 17, 2014 at 23:27

nikos.svnk · Accepted Answer · 2014-03-17 22:52:40Z

4

liClass is not property of someObject. Do a plain console.log(liClass);

answered Mar 17, 2014 at 22:52

nikos.svnk

1,3751 gold badge13 silver badges24 bronze badges

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

1 Comment

David Aguirre Over a year ago

liClass can be equal to "a" for instance. if the user clicks the first list item. So clicking the first list item should result in someObject.a

hacatu · Accepted Answer · 2014-03-17 22:54:25Z

1

You have to do someObject[liClass]. someObject.liClass really means someObject["liClass"].

answered Mar 17, 2014 at 22:54

hacatu

6656 silver badges15 bronze badges

1 Comment

David Aguirre Over a year ago

great, much appreciated. Need to work more often with objects.

Collectives™ on Stack Overflow

Access a javascript object using a key obtained on click

2 Answers 2

1 Comment

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related