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

关于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>
    
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题?

悬赏问题

  • ¥20 配置UGM库出现问题
  • ¥15 把Excel导入MATLAB显示错误怎么解决?
  • ¥15 Java中消息和缓存如何使用
  • ¥50 易语言把MYSQL数据库中的数据添加至组合框
  • ¥20 求数据集和代码#有偿答复
  • ¥15 关于下拉菜单选项关联的问题
  • ¥20 java-OJ-健康体检
  • ¥15 rs485的上拉下拉,不会对a-b<-200mv有影响吗,就是接受时,对判断逻辑0有影响吗
  • ¥15 使用phpstudy在云服务器上搭建个人网站
  • ¥15 应该如何判断含间隙的曲柄摇杆机构,轴与轴承是否发生了碰撞?