将每次迭代中的 html 附加到单个 div答案

【问题标题】：Append html in each iteration to a single div将每次迭代中的 html 附加到单个 div
【发布时间】：2016-02-04 14:52:49
【问题描述】：

我在 ajax 成功中有一个 for 循环。我通过它获得了所有值。在每次迭代中创建 div。我想将所有迭代结果附加到一个公共 div

Ajax for 循环

success:function(result) { 
    console.log(result); 
    for(var i=0;i<result.length;i++) {
        var tab= " <div class='col-xs-12 mrgntTB3'>  <div class='row'>";
        tab=tab+"<div class='col-xs-2 blk-ht1'><span class='tbRrptsstdNames'>" + result[i]["student_name"]+ "</span></div></div></div>  <div class='clearfix'></div> ";
    }   
    $("#subjectNames").append(tab); 
}

html

<div class="col-xs-9">
   <div class="row">
     <div id="subjectNames">
     </div>
  </div>
</div>

【问题讨论】：

你可以这样做 $("#subjectNames").html(tab);
现在只在该 div 中附加最后一次迭代结果
提示：不要（重新）初始化tab inside循环。

标签： javascript jquery html ajax codeigniter

【解决方案1】：

在循环外定义变量，然后进行连接。

var tab = '';
for(var i=0;i<result.length;i++) {
    tab += "<div class='col-xs-12 mrgntTB3'><div class='row'>" + 
           "<div class='col-xs-2 blk-ht1'><span class='tbRrptsstdNames'>" + 
           result[i]["student_name"] + 
           "</span></div></div></div>  <div class='clearfix'></div> ";
}   
$("#subjectNames").append(tab);

【讨论】：

我想附加每个学生的分数..但是所有科目名称都在一个变量中
like $subject_name=english,hindi,maths。在我的查询中，我输入了变量名
这些是表中的列名，我不能这样放结果[i]["english"]
@Rose 如果您将其添加为一个新问题会更好，因为它很难从 cmets 中理解。
好的。请检查一下..stackoverflow.com/questions/35193547/…

【解决方案2】：

你试试这样关于 AJAX for 循环

success:function(result) { 
    console.log(result); 
    for(var i=0;i<result.length;i++) {
     var tab=" ";
        tab = " <div class='col-xs-12 mrgntTB3'>  <div class='row'>";
        tab =tab+"<div class='col-xs-2 blk-ht1'><span class='tbRrptsstdNames'>" + result[i]["student_name"]+ "</span></div></div></div>  <div class='clearfix'></div> ";

        $("#subjectNames").append(tab);
    }   
}

【讨论】：