JavaScript For Loop HTML语法与JSON

我很新的Javascript，所以我不知道如果我这样做是正确的。首先我使用JSON创建一个数组对象'providerlisting'。接下来，我正在创建一个for循环，它应该通过html循环，直到JSON数组中没有更多列表。我不确定我是否正确地使用了语法。我对这些问题提出了一些新的建议，所以如果我不正确地做到这一点，我很抱歉。JavaScript For Loop HTML语法与JSON

for (var i=0;i<providerlisting.length;i++) 
{ document.write('<div class="entry panel row"> 
        <div class="large-4 columns first"> 
         <div class="name">'providerlisting.nametitle[i]'</div> 
         <div class="specialty">'providerlisting.caretype[i]'</div> 
         <div class="peferred">'providerlisting.preferredprovider[i]'</div> 
        </div> 
        <div class="large-3 columns second"> 
         <div class="address">'providerlisting.address1[i]'<br /> 
         'providerlisting.address2[i]'<br /> 
         'providerlisting.citystatezip[i]' 
         </div> 
        </div> 
        <div class="large-3 columns third"> 
         <img src="'providerlisting.coverage[i]'" alt="example"> 
        </div> 
        <div class="large-2 columns fourth"> 
         <div class="status">'providerlisting.status[i]'</div> 
         <a data-dropdown="actionsMenu2" class="actions button small secondary round dropdown" href="#">Actions</a><br> 
         <ul id="actionsMenu2" data-dropdown-content="" class="f-dropdown"> 
          <li><a href="'providerlisting.psn[i]'">Generate PSN</a></li> 
          <li><a href="'providerlisting.dcontact[i]'">Download Contact</a></li> 
          <li><a href="'providerlisting.save[i]'">Save to Provider List</a></li> 
          <li><a href="'providerlisting.rating[i]'">View Healthgrades Rating</a></li> 
         </ul> 
        </div> 
       </div> 
    ');

来源

2013-08-27 Chad

[在JavaScript中创建多行字符串]的可能重复（http://stackoverflow.com/questions/805107/creating-multiline-strings-in-javascript） – apsillers

（当然假设转义）。我会建议连接这些字符串或将它们格式化为一个。 – ars265

除了换行符之外，还需要用'+'运算符连接变量和字符串文字。 – apsillers

我不能确切地告诉你，因为还没有发布您的JSON，但是这应该这样做：

for(var i = 0; i < providerlisting.length; i++) { 
    document.write('<div class="entry panel row"> 
        <div class="large-4 columns first"> 
         <div class="name">'+ providerlisting[i].nametitle +'</div> 
         <div class="specialty">'+ providerlisting[i].caretype +'</div> 
         <div class="peferred">'+ providerlisting[i].preferredprovider +'</div> 
        </div> 
        <div class="large-3 columns second"> 
         <div class="address">'+ providerlisting[i].address1 +'<br /> 
         '+ providerlisting[i].address2 +'<br /> 
         '+ providerlisting[i].citystatezip +' 
         </div> 
        </div> 
        <div class="large-3 columns third"> 
         <img src="'+ providerlisting[i].coverage +'" alt="example"> 
        </div> 
        <div class="large-2 columns fourth"> 
         <div class="status">'+ providerlisting[i].status +'</div> 
         <a data-dropdown="actionsMenu2" class="actions button small secondary round dropdown" href="#">Actions</a><br> 
         <ul id="actionsMenu2" data-dropdown-content="" class="f-dropdown"> 
          <li><a href="'+ providerlisting[i].psn +'">Generate PSN</a></li> 
          <li><a href="'+ providerlisting[i].dcontact +'">Download Contact</a></li> 
          <li><a href="'+ providerlisting[i].save +'">Save to Provider List</a></li> 
          <li><a href="'+ providerlisting[i].rating +'">View Healthgrades Rating</a></li> 
         </ul> 
        </div> 
       </div>'); 
}

我改为每providerlisting.prop[i]到providerlisting[i].prop。你也在串错：

var str = 'some words'someVariable'more words'将无法正常工作。

var str = 'some words'+ someVariable +'more words'将。

来源

2013-08-27 18:53:16 Floris

啊你是对的！我没有看到[i]的东西。谢谢！ – Chad

JavaScript For Loop HTML语法与JSON

回答

相关问题