javascript - 从另一个数组访问 JSON 数组项

Question

我是 JS 新手，很抱歉问了这么简单的问题。 (它是如此简单，以至于 SO 的其余部分提供了比我需要的更复杂的答案。)我有一个像这样的 JSON 数组:

var comics = {"spider":"Spiderman", "bat":"Batman", "super":"Superman", "aqua":"Aquaman"};

我想从另一个数组访问该数组中的项目，如下所示:

var childhood_heroes = {"fire":"Firefighters", "jordan":"Michael Jordan", "superhero":[comics.super, comics.bat]};

我用 jQuery 将它附加到我的 HTML 中的一个 div 中:

$('#which_heroes').click(function() {
    $('#jobs').html(childhood_heroes.fire);
    $('#sports').html(childhood_heroes.jordan);
    $('#supers').html(childhood_heroes.superhero);
});

当第三个不存在时，前两个有效。第三者的出现打破了一切。我做错了什么？

Answer 1

这个

$('body').html(["一","二"]);

生产

Uncaught Error :NOT_FOUND_ERR:DOM 异常 8

因此，您的问题是您将字符串数组传递给 jQuery .html() 函数，这显然不能很好地处理它。在你传递它之前把它变成一个字符串，比如

$('#supers').html(childhood_heroes.superhero.join(', '));

应该可以。

来自 http://api.jquery.com/html/ 的 .html() 的两个有效参数是

html( htmlString  )
    .html( htmlString )
    .html( function(index, oldhtml) )