Question

我正在尝试使用从点击列表项获取的动态密钥访问对象。每个列表项都有一个与对象中的键匹配的类。由于某种原因得到“未定义”。这是小提琴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
    });
});

这是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>

Answer 1

liClass不是someObject的属性。做一个简单的console.log(liClass);

Answer 2

你必须someObject[liClass]。 someObject.liClass实际上意味着someObject["liClass"]。

使用单击获得的密钥访问javascript对象

2 个答案: