javascript - 从关联数组/对象中提取的全局变量？

Question

我在一个页面上有 50 个点，每个点都是单独的 div。当我单击一个时，我想使用 ID 从数组中提取值。我可以获得 ID，但我无法使用该值从我的数组中获取内容。也许是全局变量问题？没有把握。甚至不确定这是否是处理访问多个数据的多次点击的最佳方式。感谢您的帮助!

var location0 = {"name" : "Location 1", "image" : "image1.jpg"};

$('.dot').click(function(){
    var thisLocation = $(this).attr("id");
    alert(thisLocation); //Returns "location0"
    alert(thisLocation["image"]); //Returns "undefined"
});

Here's a fiddle.

Answer 1

我会这样做:

var locations = {
    location1 : {"name" : "Location 1", "image" : "image1.jpg"},
    location2 : {"name" : "Location 2", "image" : "image2.jpg"}
}

$('.dot').click(function(){
    alert(locations[this.id].name);
});
​

FIDDLE