1.jquery 遍历对象

复制代码代码如下:
  
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">  
<HTML>  
 <HEAD>  
  <TITLE> New Document </TITLE>  
  <script language="javascript" type="text/javascript" src="jquery.min.js"></script>  
  <script  type="text/javascript">  
     $(function(){  
  
       var tbody = "";      
    //------------遍历对象 .each的使用-------------  
      //对象语法JSON数据格式(当服务器端回调回来的对象数据格式是json数据格式，必须保证JSON的格式要求，回调的对象必须使用eval函数进行转化（否则将得不到Object）。本文不作详细介绍服务器端回调的数据问题，我们将直接自定义对象)  
    var obj =[{"name":"项海军","password":"123456"}];  
   $("#result").html("------------遍历对象 .each的使用-------------");  
      alert(obj);//是个object元素  
   //下面使用each进行遍历  
   $.each(obj,function(n,value) {   
           alert(n+' '+value);  
           var trs = "";  
             trs += "<tr><td>" + value.name +"</td> <td>" + value.password +"</td></tr>";  
             tbody += trs;         
           });  
  
         $("#project").append(tbody);  
       
  });  
  </script>  
 </HEAD>  
   
 <BODY>  
     <div id="result" style="font-size:16px;color:red;"></div>  
    <table cellpadding=5 cellspacing=1 width=620 id="project" border="1" >  
            <tr>  
                <th>用户名</th>  
                <th>密码</th>                
            </tr>               
     </table>  
 </BODY>  
</HTML>  

2.jQuery遍历数组

复制代码代码如下:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">  
<HTML>  
 <HEAD>  
  <TITLE> New Document </TITLE>  
  <script language="javascript" type="text/javascript" src="jquery.min.js"></script>  
  <script  type="text/javascript">  
     $(function(){  
  
       var tbody = "";  
      
     //------------遍历数组 .each的使用-------------  
           var anArray = ['one','two','three'];  
     $("#result").html("------------遍历数组 .each的使用-------------");  
           $.each(anArray,function(n,value) {  
             
            alert(n+' '+value);  
           var trs = "";  
             trs += "<tr><td>" +value+"</td></tr>";  
              tbody += trs;  
            });  
  
          $("#project").append(tbody);  
       
  });  
  </script>  
 </HEAD>  
   
 <BODY>  
    ------------此部分同1中的body部分--------------------  
  
 </BODY>  
</HTML>

3.jQuery 遍历List集合（其实与遍历一个对象没有太大区别，只是格式上的问题） 

复制代码代码如下:
  
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">  
<HTML>  
 <HEAD>  
  <TITLE> New Document </TITLE>  
  <script language="javascript" type="text/javascript" src="jquery.min.js"></script>  
  <script  type="text/javascript">  
     $(function(){  
  
       var tbody = "";  
      
     //------------遍历List集合 .each的使用-------------  
      var obj =[{"name":"项海军","password":"123456"},{"name":"科比","password":"333333"}];  
    $("#result").html("遍历List集合 .each的使用");  
      alert(obj);//是个object元素  
   //下面使用each进行遍历  
   $.each(obj,function(n,value) {   
           alert(n+' '+value);  
       var trs = "";  
             trs += "<tr><td>" +value.name+"</td> <td>" + value.password +"</td></tr>";  
             tbody += trs;         
           });  
         $("#project").append(tbody);  
       
  });  
  </script>  
 </HEAD>  
   
 <BODY>  
       ------------此部分同1中的body部分--------------------  
  
 </BODY>  
</HTML>

jQuery遍历对象、数组、集合实例的更多相关文章

  1. jquery遍历对象,数组,集合

    1.jquery 遍历对象 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTM ...

  2. Jquery遍历筛选数组的几种方法和遍历解析json对象|Map()方法详解

    Jquery遍历筛选数组的几种方法和遍历解析json对象|Map()方法详解 一.Jquery遍历筛选数组 1.jquery grep()筛选遍历数组 $().ready( function(){ v ...

  3. JQuery遍历json数组的3种方法

    这篇文章主要介绍了JQuery遍历json数组的3种方法,本文分别给出了使用each.for遍历json的方法,其中for又分成两种形式,需要的朋友可以参考下 一.使用each遍历 $(functio ...

  4. jquery实现对象数组 筛选出每条记录中的特定属性字段 及根据某个属性值筛选出指定的元素

    jquery实现对象数组 筛选出每条记录中的特定属性字段 直接上图: 源码: /** * 对后端返回的数据,筛选出符合报表的列项,多余的列项去除 */ function filterParams(da ...

  5. js、jquery遍历对象

    js遍历对象: var obj = {a:1,b:2,c:3} for(var s in obj){ alert(obj[s]); } jquery遍历对象: var obj = {a:1,b:2,c ...

  6. JS 遍历对象 jQuery遍历对象

    jquery for 循环遍历对象的属性: //对象的定义如下: var person={id:"1",name:"springok",age:25}; for ...

  7. JS/jQuery 遍历对象属性

    Javascript For/In 循环: 循环遍历对象的属性 var person={fname:"John",lname:"Doe",age:25}; fo ...

  8. JQuery 遍历 操作数组 map、grep、filter 的区别

    filter() 方法将匹配元素集合缩减为匹配指定选择器的元素.例如:改变所有 div 的颜色,然后向类名为 "middle" 的类添加边框:$("div"). ...

  9. 【转】 jquery遍历json数组方法

    $(function () { var tbody = ""; //------------遍历对象 .each的使用------------- //对象语法JSON数据格式(当服 ...

随机推荐

  1. JavaScript中childNodes、children、nodeValue、nodeType、parentNode、nextSibling详细讲解

    其中属性.元素(标签).文本都属于节点 <title></title> <scripttype="text/javascript"> windo ...

  2. 关于Clone 的方法使用

    package cn.hncu.day7.clone.v1;//克隆的套路:// 第1步:重写User类的clone()方法,以供外面调用.因为外面的类无法直接调用User类父类中的clone()方法 ...

  3. C# FileSystemWatcher 监视磁盘文件变更

    简化需求:有一个简化了的需求是这样的:有一个拍照程序在运行,一旦抓拍之后则将图片文件存储至某目录,然后图片要上传至远程服务器并update数据库. 原需求:原先的需求是这样的:有一台PDA扫码枪,一个 ...

  4. U3D 精灵的点击监听

    U3D游戏中,可能会用到点击对象,完成某项操作, 方法一:可以通过接收Input对象的输入,进行利用 方法二:给对象绑定一个collier 组件,然后就能后使用内置方法 这里有点不同,方法一,是不管哪 ...

  5. CS0016: 未能写入输出文件“c:\Windows\Microsoft.NET\Framework64\v4.0.30319\Temporary ASP.NET Files\root\d29b5393\123c3a1c\App_Code.odl3w4o6.dll”--“拒绝访问。 ”

    IIS部署网站或者Webservice时,出现以下问题: CS0016: 未能写入输出文件“c:\Windows\Microsoft.NET\Framework64\v4.0.30319\Tempor ...

  6. c语言训练题：关于张三李四王五说谎的问题（此处用javascript实现）

    (第一篇博文) 今天在一个交流群里见他们无聊,然后找到之前收藏的一些c语言题目放出去想让他们做,结果反倒是自己不会做,于是花了很多时间去想. 原题:张三说李四在说谎,李四说王五在说谎,王五说张三和李四 ...

  7. java.lang.IllegalStateException: Can not perform this action after onSaveInstanceState

    在使用Fragment的过程中,常常会遇到在Activity的onSaveInstanceState方法调用之后,操作commit或者popBackStack而导致的crash. 因为在onSaveI ...

  8. AndroidStudio1.4 manifest 中注册Activity时的错误提示解决办法

    问题截图如下: 解决办法截图如下: 1: File->setting->Editor->Language Injections到如下界面 2:双击右侧选中的Item进入编辑界面 3: ...

  9. ROW_NUMBER () 与 PARTITION组合拳

    --在一个Book表里面里有字段AuthorID与Author表关联,现在要求按PublishDate字段倒序排列,列出每个作者的前五本书.要求有没有一条语句搞定的--可用游标或者临时表--最好解决方 ...

  10. 15第十五章UDF用户自定义函数(转载)

    15第十五章UDF用户自定义函数 待补上 原文链接 本文由豆约翰博客备份专家远程一键发布