javascript - 如何使用属性来获取 JSON 值？

Question

我有一个带有“rel”属性的链接:

<a href="#" rel="music">Click</a>
<p></p>

我有一个包含 JSON 的变量:

var myStyle = {
"music": { "band": "Beatles", "type": "Rock"},
    "movie": { "title" "Shrek", "type": "Kids"}
};

我想使用 jQuery 根据 'rel' 属性从 JSON 获取值:

$('a').click(function() {
      var whatLink = $('a').attr('rel');
    $('p').text(myStyle.whatLink.band);
});

我看到“style”的值为“music”，但点击链接的结果是

TypeError: Cannot read property 'band' of undefined

这可能吗？

Answer 1

尝试

$('a').click(function() {
      var whatLink = $('a').attr('rel');
    $('p').text(myStyle[whatLink].band);
});

使用变量访问属性时，点运算符不起作用，必须使用字典/数组运算符。