如何在javascript中显示数组中的项目div

时间:2015-07-02 13:25:33

标签: javascript html

我有一个名为" exraData"可以是字符串或数组(取决于某些条件)。

我必须使用java脚本显示一些内容。

以及#34; exraData"是一个String,内容通过以下代码很好地显示:

this.resulto = '<div class="avatarHeight">' +
            '<div class="avatar">' + spanPic + '</div>' +
            '<div class="info ' + company + '">' + item.show +
            '<div class="tt-hint">' + exraData + '</div>' +
            '</div>' +
            '</div>';

如果它是数组,我使用以下代码但不显示任何内容:

 this.resulto = '<div class="avatarHeight">' +
                    '<div class="avatar">' + spanPic + '</div>' +
                    '<div class="info ' + company + '">' + item.show
                    for(var i=0;i<exraData.length;i++){
                        +'<div class="tt-hint">' + exraData[i] + '</div>'
                    }
                    +'</div>' +
                    '</div>';

1 个答案:

答案 0 :(得分:2)

你不能有内联的for循环。这是外面的for循环,带有所需的结果。

&#13;
&#13;
var spanPic='tempPic';
var company='xyz';
var item={};
item.show='temp';

var exraData=['one','two','three'];

this.resulto = '<div class="avatarHeight">' +
                    '<div class="avatar">' + spanPic + '</div>' +
                    '<div class="info ' + company + '">' + item.show;
for(i=0;i<exraData.length;i++){
     this.resulto +='<div class="tt-hint">' + exraData[i] + '</div>';
}
this.resulto+='</div>' + '</div>';
document.write(this.resulto);
&#13;
&#13;
&#13;