1.jquery 遍历对象 复制代码 代码如下: New Document <br /> $(function(){ <br /> <br /> var tbody = ""; <br /> //------------遍历对象 .each的使用------------- <br /> //对象语法JSON数据格式(当服务器端回调回来的对象数据格式是json数据格式,必须保证JSON的格式要求,回调的对象必须使用eval函数进行转化(否则将得不到Object)。本文不作详细介绍服务器端回调的数据问题,我们将直接自定义对象) <br /> var obj =[{"name":"项海军","password":"123456"}]; <br /> $("#result").html("------------遍历对象 .each的使用-------------"); <br /> alert(obj);//是个object元素 <br /> //下面使用each进行遍历 <br /> $.each(obj,function(n,value) { <br /> alert(n+' '+value); <br /> var trs = ""; <br /> trs += "<tr><td>" + value.name +" <td>" + value.password +""; <br /> tbody += trs; <br /> }); <br /> <br /> $("#project").append(tbody); <br /> <br /> }); <br /> 用户名 密码 2.jQuery遍历数组 复制代码 代码如下: New Document <br /> $(function(){ <br /> <br /> var tbody = ""; <br /> <br /> //------------遍历数组 .each的使用------------- <br /> var anArray = ['one','two','three']; <br /> $("#result").html("------------遍历数组 .each的使用-------------"); <br /> $.each(anArray,function(n,value) { <br /> <br /> alert(n+' '+value); <br /> var trs = ""; <br /> trs += "<tr><td>" +value+""; <br /> tbody += trs; <br /> }); <br /> <br /> $("#project").append(tbody); <br /> <br /> }); <br /> ------------此部分同1中的body部分-------------------- 3.jQuery 遍历List集合(其实与遍历一个对象没有太大区别,只是格式上的问题) 复制代码 代码如下: New Document <br /> $(function(){ <br /> <br /> var tbody = ""; <br /> <br /> //------------遍历List集合 .each的使用------------- <br /> var obj =[{"name":"项海军","password":"123456"},{"name":"科比","password":"333333"}]; <br /> $("#result").html("遍历List集合 .each的使用"); <br /> alert(obj);//是个object元素 <br /> //下面使用each进行遍历 <br /> $.each(obj,function(n,value) { <br /> alert(n+' '+value); <br /> var trs = ""; <br /> trs += "<tr><td>" +value.name+" <td>" + value.password +""; <br /> tbody += trs; <br /> }); <br /> $("#project").append(tbody); <br /> <br /> }); <br /> ------------此部分同1中的body部分--------------------