使用单击时获得的键访问javascript对象

Access a javascript object using a key obtained on click

本文关键字:访问 javascript 对象 单击      更新时间:2023-09-26

我正试图用一个动态键访问一个对象,该键是在单击时从列表项中获得的。每个列表项都有一个与对象中的键匹配的类。出于某种原因,它变得"未定义"。这是小提琴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>

liClass不是someObject的属性。执行普通console.log(liClass);

您必须执行someObject[liClass]someObject.liClass实际上是指someObject["liClass"]