qq_32763435
2015-12-25 11:15
采纳率: 91.7%
浏览 1.5k
已采纳

关于JS,JQ循环添加问题!!!圣诞快乐大神

不如我有一块代码

 <table>
     <div id="div0">
        <tr>
            <td id="num0">学号</td>
            <td id="class0">班级</td>
            <td id="name0">姓名</td>
            <td id="age0">年龄</td>
        </tr>
     </div>
 </table>

现在我想将 div0 这一块代码 循环添加
根据我传入的list.length的值,添加相应的个数。
并且使 div0-->divn 、 num0--->numn ..等等自增
并影藏每一行的学号!
改如何做?
JS JQ都可以。

  • 写回答
  • 好问题 提建议
  • 关注问题
  • 收藏
  • 邀请回答

1条回答 默认 最新

  • danielinbiti 2015-12-25 12:33
    已采纳
     <!DOCTYPE html>
    <html>
    <head>
    <script src="/jquery/jquery-1.11.1.min.js">
    </script>
    <script>
    var table;
    $(document).ready(function(){
       table = $('table');
       rows = [
        {xh:"学号0",bj:"班级0",na:"名字0",age:"年龄0"}
        ,{xh:"学号1",bj:"班级1",na:"名字1",age:"年龄1"}
        ,{xh:"学号2",bj:"班级2",na:"名字2",age:"年龄2"}
        ,{xh:"学号3",bj:"班级3",na:"名字3",age:"年龄3"}
       ]
       addRows(table,rows);
    });
    
    function addRows(table,rows){
      for(var i=0;i<rows.length;i++){
         var row = rows[i];
         var divEle= $('<div id="div'+i+'"></div>');
         var trEle = $('<tr></tr>');
         var tdEleHtml ='<td id="num'+i + '" style="display:none">'+row.xh+'</td>'
                +'<td id="class'+i+'">'+row.bj+'</td>'
                +'<td id="name'+i+'">'+row.na+'</td>'
                +'<td id="age'+i+'">'+row.age+'</td>';
         var tdEles = $(tdEleHtml);
         trEle.append(tdEles);
         divEle.append(trEle );
         table.append(divEle);
      }
    }
    </script>
    </head>
    <body>
    <table>
     </table>
    </body>
    </html>
    
    
    已采纳该答案
    评论
    解决 无用
    打赏 举报

相关推荐 更多相似问题