javascript - 将字符串元素传递给数据键

Question

我有一个检查 div 的函数，如果它存在，它会用 JSON 数组中的匹配数据填充它。 Div 和数据具有相同的 ID 和键，所以我希望能够将它们放在一个字符串中以获得更优雅的解决方案。但是，尝试将字符串元素应用于数据键的最后一个元素似乎不起作用。我收到“无法读取未定义的属性‘0’”

原代码:

$.getJSON('myDataUrl', function(data) {
if ($("#title").length){document.getElementById("title").innerHTML=data.title};
if ($("#noun").length){document.getElementById("noun").innerHTML=data.noun};
if ($("#_id").length){document.getElementById("_id").innerHTML=data._id};
if ($("#owner_id").length){document.getElementById("owner_id").innerHTML=data.owner_id};
}); 

我试图达到的更“优雅”的解决方案:

$.getJSON('myDataUrl', function(data) {
var contentString = "name,noun,_id,owner_id";
var splitContent;
splitContent = contentString.split(",");
for(i = 0; i < splitContent.length; i++)
           {if ($("#" + splitContent[i]).length){
               document.getElementById(splitContent[i]).innerHTML=data.splitContent[i];
               };
               }

Answer 1

看起来应该足够了:

$.getJSON('myDataUrl', function (data) {
    for (var k in data) {
        $("#" + k).html(data[k]);
    }
});