Question

这可能是一个如此简单的解决方案，但我认为我一直坚持这个问题。有人可以饶了一双眼睛，看看我搞砸了哪里？

我从json文件中提取数据并尝试使用正确的容器附加正确的值。现在它将所有值放在第一个div容器中。

var metaDataArray = resultSet.searchResult[i].metadatatoshow;

        for (var xx = 0; xx < metaDataArray.length; xx++) {
            var metaDataContainer = "<div id='itemMetaDataContainer_"+xx+"'>Meta Data:" + metaDataArray[xx].name + "-</div>"

            for (var xxx = 0; xxx < metaDataArray[xx].meta_values.length; xxx++) {

                $('#itemMetaDataContainer_'+xx).append(metaDataArray[xx].meta_values[xxx]);

            }

            itemDetailsDiv.append(metaDataContainer);
        }

Answer 1

您尝试在将容器附加到详细信息div之前选择容器。尝试按以下方式将数据值数组附加到容器中：

var metaDataArray = resultSet.searchResult[i].metadatatoshow;

for (var xx = 0; xx < metaDataArray.length; xx++) {
    var metaDataContainer = $("<div id='itemMetaDataContainer_" + xx + "'>Meta Data:" + metaDataArray[xx].name + "-</div>");
    for (var xxx = 0; xxx < metaDataArray[xx].meta_values.length; xxx++) {
        metaDataContainer.append(metaDataArray[xx].meta_values[xxx]);
    }
    itemDetailsDiv.append(metaDataContainer);
}

<强>更新

jQuery对象在index [0]中保存普通的html元素（假设它不是数组）。
要从metaDataContainer中获取html，您可以在metaDataContainer[0]

中找到它

因此，为了将jQuery对象metaDataContainer附加到普通html元素itemDetailsDiv，您需要执行以下操作：

itemDetailsDiv.innerHtml + = metaDataContainer[0];

更新2：

这是一个简单的JavaScript解决方案：

var metaDataArray = resultSet.searchResult[i].metadatatoshow;

for (var xx = 0; xx < metaDataArray.length; xx++) {
    //initializing the html string with the container opening tag and the description:
    var metaDataContainer = "<div id='itemMetaDataContainer_" + xx + "'>Meta Data:" + metaDataArray[xx].name;

    //looping through the values and adding them to the html string:
    for (var xxx = 0; xxx < metaDataArray[xx].meta_values.length; xxx++) {
        //create a span for each value and add it to the html string
        metaDataContainer+="<span>" + metaDataArray[xx].meta_values[xxx] + "</span>";
        //add a line break just for aesthetics, you can change to suit your formatting requirements
        metaDataContainer+="<br/>";
    }
    //finish by adding a closing tag for the container
    metaDataContainer+="-</div>"

    //append the new html string to the details div
    itemDetailsDiv.innerHtml +=metaDataContainer;
}

Javascript循环不会在每个容器中附加值

1 个答案: