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. Web UI回归测试 -- BackstopJS 入门

    BackstopJS是一个测试工具,用于测试ui图和实际项目是否偏差. 话不多说,直接启动一个项目吧测试吧. 1.首先全局安装BackstopJS npm install -g backstopjs ...

  2. /dev/sda2 is mounted; will not make a filesystem here!

    一定要记住,不可以在分区挂载之后再进行格式化!!在错误提示当中可以看出你的分区已经挂载了.先将这个分区卸载了再重新格式化:umount /dev/sda2mkfs.ext2 /dev/sda2这样就没 ...

  3. WebDriver API——浏览器控制暨如何学习webdriver API

    在测试过程中我们可能需要对浏览器进行控制,大小控制啊,刷新页面啊,前进后退等等,最常用的两个接口是window和Navigation. 我们最常用的就是这4个,那么你是否感兴趣它们后面是什么,它们是怎 ...

  4. FFmpeg滤镜代码级分析

    http://blog.chinaunix.net/uid-26000296-id-3322071.html 前一篇文章<为FFmpeg添加自定义滤镜>详细讲述了FFmpeg的滤镜添加步骤 ...

  5. coeforces 665D D. Simple Subset(最大团orsb题)

    题目链接: D. Simple Subset time limit per test 1 second memory limit per test 256 megabytes input standa ...

  6. 微信小程序的ajax数据请求wx.request

    微信小程序的ajax数据请求,很多同学找不到api在哪个位置,这里单独把小程序的ajax请求给列出来,微信小程序的请求就是wx.request这个api,wx.request(一些对象参数),微信小程 ...

  7. MSTAR GUI

    1.架构 WIN32 SDK ACT->CTL->API->GE/GOP ACT: Customized logic parts CTL: Behavior widgets API: ...

  8. debugs

    import os def get_nova_credentials_v2(): d = {} d['version'] = '2.0' d['username'] = os.environ['OS_ ...

  9. 使用Java进行udp-demo编程时碰到的consumer和producter无法连接并报出“java.net.SocketException: Can't assign requested address”问题

    在用Java编写了一个udp生产者和消费者的demo时,在生产者启动的时候会抛出异常 java.net.SocketException: Can't assign requested address ...

  10. 1.11-1.12 Sqoop导入数据时两种增量方式导入及direct

    一.增量数据的导入 1.两种方式 ## query 有一个唯一标识符,通常这个表都有一个字段,类似于插入时间createtime where createtime => 201509240000 ...