模板中的JavaScript循环

时间:2013-11-13 12:35:49

标签: javascript

我正在尝试做这项工作,但我显然做错了,我无法弄清楚:

function template(data){

  var contentString = 
    '<div id="content">'+
    '<div class="left">'+
    "<div class='icon'><img src='assets/image/cloudy.png' /></div>"+
    '</div>'+
    '<div class="right">'+
    '<p class="temp">'+data.currently.temperature+'</p>'+
    '<p class="summary">'+data.daily.summary+'</p>'+
    '</div>'+
    '<div class="day_wrapper">'+

    for(i = 0; i < data.daily.data.length; i++){
       '<div class="day"><p>'+data.daily.data[i].temperatureMax+'</p></div>'+
    }

    '</div>';

    return contentString;

} 

错误:未捕获的SyntaxError:

的意外标记

我该如何解决这个问题?

如何将'last'类添加到循环中的最后一个段落?

1 个答案:

答案 0 :(得分:3)

function template(data){

  var contentString = 
    '<div id="content">'+
    '<div class="left">'+
    "<div class='icon'><img src='assets/image/cloudy.png' /></div>"+
    '</div>'+
    '<div class="right">'+
    '<p class="temp">'+data.currently.temperature+'</p>'+
    '<p class="summary">'+data.daily.summary+'</p>'+
    '</div>'+
    '<div class="day_wrapper">';

if(data!=undefined && data.daily.data.length > 0)
{
        for(i = 0; i < data.daily.data.length; i++){
    contentString +=    '<div class="day"><p>'+data.daily.data[i].temperatureMax+'</p></div>';
        }
 }  


contentString += '</div>';

    return contentString;

}