1.jquery 遍历对象
复制代码 代码如下:
<script language="javascript" type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript"> <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> </script>
| 用户名 | 密码 |
|---|
2.jQuery遍历数组
复制代码 代码如下:
<script language="javascript" type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript"> <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> </script>
------------此部分同1中的body部分--------------------
3.jQuery 遍历List集合（其实与遍历一个对象没有太大区别，只是格式上的问题）
复制代码 代码如下:
<script language="javascript" type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript"> <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> </script>
------------此部分同1中的body部分--------------------
