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. 一些js及css样式

    人体时钟: 源码: <div> <embed wmode="transparent" src="https://files.cnblogs.com/fi ...

  2. vim编辑makefile时临时不展开tab为空格

    可以先敲ctrl-v组合键,再敲tab键,这样就不会被转换成空格了. 给自己的备忘!

  3. 图片预览JavaScript方法

    实现要点   ● 对于 Chrome.Firefox.IE10 使用 FileReader 来实现. ● 对于 IE6~9 使用滤镜 filter:progid:DXImageTransform.Mi ...

  4. linux应用之apache服务的安装及配置（centos）

    CentOS Apache服务器安装与配置   一.安装Apache程序,一般有三种安装方式:1.直接网络安装:2.下载rpm包,上传至服务器进行安装:3.通过原代码编译安装: yum -y inst ...

  5. TCP连接过程

    TCP建立连接与释放连接  最近复习准备<计算机网络>考试,感觉TCP协议建立连接与释放连接这两个过程比较重要,所以把自己理解的部分写下来. 1.建立连接:(三次握手)   (1)客户端发 ...

  6. JAVA 需要理解的重点 一

    需要理解的重点内容有: JVM内存管理机制和垃圾回收机制(基本每次面试都会问,一定要搞得透彻) JVM内存调优(了解是怎么回事,一般做项目过程中使用较多) 设计模式(熟悉常见设计模式的应用场景,会画类 ...

  7. 安装ubuntu16.04之后无法关机和重启

    这个问题是由于NVIDA驱动导致的,查询显卡型号,安装对应版本的驱动就可以解决此问题.ubuntu16.04 NVIDIA 驱动安装

  8. hihoCoder2月29日(字符串模拟)

    时间限制:2000ms 单点时限:1000ms 内存限制:256MB 描述 给定两个日期,计算这两个日期之间有多少个2月29日(包括起始日期). 只有闰年有2月29日,满足以下一个条件的年份为闰年: ...

  9. 3.javascript转换日期字符串为Date对象

    js中文网 阮一峰 1.求format“xxxx年xx月xx日 xx:xx”类型的两个日期天数差 var start = "2017年09月17日 13:51"; var end ...

  10. u盘启动安装系统

    七彩虹主板如何设置U盘启动,本文就以七彩虹CG41主板为例详细的讲讲U盘启动设置方法. 几天前,想用U盘启动的时候,发现CG41主板启动顺序里找不到USB项,Boot Device Priority( ...