使用来自 JSON 的数据创建和附加多个元素

Posted 2023-05-08

【中文标题】使用来自 JSON 的数据创建和附加多个元素

【英文标题】：create and append multiple elements with data from JSON

【发布时间】：2021-10-06 08:59:51

【问题描述】：

让 data 为 JSON， 我在这里尝试的是根据来自 JSON 的数据将多个元素附加到 div ， <div class="studentTab" ></div>。我怎样才能做到这一点？ （注意：请考虑我们有 2 种语言和 2 种专业）

for (i = 0; i < 10; i++) 
                        var html = '<div class="dtls">' +
                            '<a href="profile.html" target="_blank"></a>' +
                            '<h4 class="verified">' + data.student[0].firstName + '</h4 >' +
                            '<ul>' +
                            '<li>' + data.student[0].location + '</li>' +
                            '<li>' + data.student[0].mark + ' /hour</li>' +
                            '<li>' + data.student[0].year+ ' accademic year</li>' +
                            if (data.student[0].Languages != null)
                                            
                                var lang = string.Join(",", data.student[0].Languages.Select(it => it.Name));
                                                <li>lang </li>
                            
                            if (data.student[0].Specializations.length > 1)
                            
                                var rcount = data.student[0][index].Specializations.length - 1;
                                <li>data.student[0].Specializations[0].Name + rcount more</li>
                            
                            else
                            
                                <li>data.student[0].Specializations[0].Name</li>
                            
                            '</ul>' +
                            '</div>'
                        $('#studentTab').append(html);
                    ;

【参考方案1】：

您可以使用 map() 来解决此类问题。请检查：

如果您的“数据”是否不足； 最好将 data.student[0] 保存在某个变量中； 您永远不知道数据中有多少对象。可能由于网络错误或由于某些后端更新或多或少的对象而导致某些时间不足

【讨论】：

你能举个例子吗？