Jquery 遍历 Object

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>

时间： 2024-10-10 20:54:14

Jquery 遍历 Object的相关文章

JQuery日记 6.3 JQuery遍历模块

jQuery.extend({ // 返回elem延DOM树某个方向访问的所有节点,直到遇到until条件 dir: function( elem, dir, until ) { var matched = [], truncate = until !== undefined; while ( (elem = elem[ dir ]) && elem.nodeType !== 9 ) { if ( elem.nodeType === 1 ) { if ( truncate &&am

jQuery遍历，数组，集合

使用了jquery有段时间了,整理下jquery中的遍历问题. 1.jquery 遍历对象 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">< HTML>  <HEAD>   <TITLE> New Document </TITLE>   <script language="javascript" type="tex

jQuery遍历函数

jQuery 遍历函数包括了用于筛选.查找和串联元素的方法. 函数 描述 .add() 将元素添加到匹配元素的集合中. .andSelf() 把堆栈中之前的元素集添加到当前集合中. .children() 获得匹配元素集合中每个元素的所有子元素. .closest() 从元素本身开始,逐级向上级元素匹配,并返回最先匹配的祖先元素. .contents() 获得匹配元素集合中每个元素的子元素,包括文本和注释节点. .each() 对 jQuery 对象进行迭代,为每个匹配元素执行函数. .end(

jQuery遍历对象/数组/集合

转载自: 网络 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遍历对象、数组、集合实例

1.jquery 遍历对象 复制代码代码如下: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">  <HTML>   <HEAD>    <TITLE> New Document </TITLE>    <script language="javascript" type="text/javascript"

js,jquery遍历数组,对象

each的用法  1.数组中的each 复制代码 var arr = [ "one", "two", "three", "four"]; $.each(arr, function(){ alert(this); }); //上面这个each输出的结果分别为:one,two,three,four var arr1 = [[1, 4, 3], [4, 6, 6], [7, 20, 9]] $.each(arr1, function

jquery 遍历对象、数组、集合

转:http://blog.sina.com.cn/s/blog_5db0dfe40100hay7.html 使用了jquery有段时间了,整理下jquery中的遍历问题. 1.jquery 遍历对象 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML>  <HEAD>   <TITLE> New Document </TITLE>   &l

【转】 jquery遍历json数组方法

$(function () { var tbody = ""; //------------遍历对象 .each的使用------------- //对象语法JSON数据格式(当服务器端回调回来的对象数据格式是json数据格式,必须保证JSON的格式要求,回调的对象必须使用eval函数进行转化(否则将得不到Object).本文不作详细介绍服务器端回调的数据问题,我们将直接自定义对象) var obj = [{ "name": "项海军", &qu

jQuery遍历

1. 下图展示了一个家族树.通过 jQuery 遍历,您能够从被选(当前的)元素开始,轻松地在家族树中向上移动(祖先),向下移动(子孙),水平移动(同胞).这种移动被称为对 DOM 进行遍历. 图示解释: <div> 元素是 <ul> 的父元素,同时是其中所有内容的祖先. <ul> 元素是 <li> 元素的父元素,同时是 <div> 的子元素 左边的 <li> 元素是 <span> 的父元素,<ul> 的子元素