JQuery遍历对象

<!DOCTYPE html>

<html lang="en">

<head>

	<meta charset="UTF-8">

	<title>Document</title>

</head>

<body>

	<div id="project">

	</div>

  <script language="javascript" type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>

  <script  type="text/javascript">

     $(function(){

       var tbody = "";

    //------------遍历对象 .each的使用-------------

     //前提必须是对象，一般情况下，后台传过来json字符串，要使用相应的方法将其转化为对象（eval、str.parseJSON()、JSON.parse(str)）。

    var obj =[{"name":"项海军","password":"123456"}];

   //下面使用each进行遍历

   $.each(obj,function(index,value) {

           console.log(index);  
           console.log(value);
           console.log(index + "  " + value);

           var trs = "";

             trs += "<tr><td>" + value.name +"</td> <td>" + value.password +"</td></tr>";

             tbody += trs;

           });

         $("#project").append(tbody);  

  });

  </script>

</body>

</html>

　　JQuery遍历数组

<!DOCTYPE html>

<html lang="en">

<head>

	<meta charset="UTF-8">

	<title>Document</title>

</head>

<body>

	<div id="project">

	</div>

    <script language="javascript" type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>

  <script  type="text/javascript">  

  $(function(){

       var tbody = "";

     //------------遍历数组 .each的使用-------------

       var anArray = ['mma','bba','gge'];

     $("#result").html("------------遍历数组 .each的使用-------------");

           $.each(anArray,function(index,value) {

           	console.log(index);

           	console.log(value);

                console.log(index+' '+value);

            var trs = "";

             trs += "<tr><td>" +value+"</td></tr>";

              tbody += trs;  
              $("#project").append(tody);   //这个地方不能这样写，正确的写法是写在循环外面 检验的方法是console.log(tody)就知道什么情况了

            });

      $("#project").append(tbody);

  });  

  </script>

</body>

</html>

　　

随机推荐

  1. Express中的Ejs模板传值问题

    在Ejs模板传值过程中,route下的变量值通过res.sender()中的变量参数传给views, 这时在views中若该变量在javascript代码中使用,可直接使用该变量,不必使用<% ...

  2. 利用ES6中的Proxy和Reflect 实现简单的双向数据绑定

    利用ES6中的Proxy (代理) 和 Reflect 实现一个简单的双向数据绑定demo. 好像vue3也把 obj.defineProperty()  换成了Proxy+Reflect. 话不多说 ...

  3. poj2513 Colored Sticks —— 字典树 + 并查集 + 欧拉回路

    题目链接:http://poj.org/problem?id=2513 题解:通过这题了解了字典树.用字典树存储颜色,并给颜色编上序号.这题为典型的欧拉回路问题:将每种颜色当成一个点.首先通过并查集判 ...

  4. [转]FPGA实践——基于ROM访问的直接波形合成

    本文原创,转载请注明出处:http://www.cnblogs.com/risten/p/4166169.html 1.系统原理 通过频率控制字选择相位步进,产生访问ROM的地址,进而控制DAC的输出 ...

  5. BZOJ 1628 [Usaco2007 Demo]City skyline：单调栈

    题目链接:http://www.lydsy.com/JudgeOnline/problem.php?id=1628 题意: 题解: 单调栈. 单调性: 栈内元素高度递增. 一旦出现比栈顶小的元素,则表 ...

  6. hdu-2157 How many ways??(矩阵快速幂)

    题目链接: How many ways?? Time Limit: 2000/1000 MS (Java/Others)     Memory Limit: 32768/32768 K (Java/O ...

  7. hdu-5667 Sequence(矩阵快速幂+费马小定理+快速幂)

    题目链接: Sequence Time Limit: 2000/1000 MS (Java/Others)     Memory Limit: 65536/65536 K (Java/Others) ...

  8. Android Developers - Training

    Recently I've been contemplating to create a new App with the true "Android Design",new An ...

  9. MongoDB复制集成员及架构介绍（一）

    MongoDB复制集介绍 MongoDB支持在多个机器中通过异步复制达到提供了冗余,增加了数据的可用性.MongoDB有两种类型的复制,第一种是同于MySQL的主从复制模式(MongoDB已不再推荐此 ...

  10. nvidia-smi 查看GPU信息字段解读

    第一栏的Fan:N/A是风扇转速,从0到100%之间变动,这个速度是计算机期望的风扇转速,实际情况下如果风扇堵转,可能打不到显示的转速.有的设备不会返回转速,因为它不依赖风扇冷却而是通过其他外设保持低 ...