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. ADFS 2016 – Cannot add/update Relying Parties from the GUI from metadata files “Method not found”

    UPDATE: The following update is fixing this issue: Cumulative Update for Windows 10 Version 1607 and ...

  2. Whats the difference between service tomcat ./startup.sh and ./catalina.sh run

    stack overflow 给出的答案: catalina.sh run starts tomcat in the foreground, displaying the logs on the co ...

  3. 查看ubuntu磁盘空间占用及占用空间大的文件

    最近老是收到 ecs上有台服务器的磁盘利用率高 终于有一天 ssh登不上去了 http://blog.csdn.net/aaashen/article/details/50685988 清除相关大文件 ...

  4. jquery特效（8）—倒计时

    最近公司在做一个答题的小游戏,每道题可以有20秒时间作答,超过时间就要给出相应的提醒,由于20秒时间太长,不适合做GIF动态图,下面来看一下我写的5秒倒计时的测试程序结果: 一.主体程序: <! ...

  5. 关于Zookeeper

    Zookeeper是分布式协调工具 应用场景 命名服务(注册中心) Dubbo注册中心 分布式配置中心(SpringCloud config)动态管理配置文件信息 消息中间件 事件通知(类似发布订阅) ...

  6. 运行swoole_server方法

    运行 php 文件 server.php 运行结果是如下: 只是服务器开启了 如果想看客户端连接的情况 可以测试一下 从新连接一个连接 用命令 方式 telnet 127.0.0.1 9501 这个9 ...

  7. codeforces 664B B. Rebus(乱搞题)

    题目链接: B. Rebus time limit per test 1 second memory limit per test 256 megabytes input standard input ...

  8. 多线程之：正确使用 Volatile 变量

    转载:http://www.ibm.com/developerworks/cn/java/j-jtp06197.html Java™ 语言包含两种内在的同步机制:同步块(或方法)和 volatile ...

  9. 「SDFZ听课笔记」二分图&&网络流

    二分图? 不存在奇环(长度为奇数的环)的图 节点能黑白染色,使得不存在同色图相连的图 这两个定义是等价哒. 直观而言,就是这样的图: 二分图有一些神奇的性质,让一些在一般图上复杂度飞天的问题可以在正常 ...

  10. Linux中进程控制块PCB-------task_struct结构体结构

    Linux中task_struct用来控制管理进程,结构如下: struct task_struct { //说明了该进程是否可以执行,还是可中断等信息 volatile long state; // ...