javascript - 模板内的 JavaScript 循环

Question

我正在努力完成这项工作，但我显然做错了我无法弄清楚的事情：

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;

} 

错误：未捕获的语法错误：意外的令牌

我怎样才能解决这个问题？

如何在循环的最后一段中添加“最后一个”类？

Answer 1

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;

}