jQuery 循环遍历对象/集合/数组

来源：互联网发布：网络电视盒编辑：程序博客网时间：2024/05/01 10:37

<!DOCTYPE html>
<html>
<head>
    <title>demo01.html</title>
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <script type="text/javascript" src="../js/jquery-1.4.4.min.js"></script>
    


</HEAD>

<BODY>
    <table cellpadding=5 cellspacing=1 width=620 id="tabledata" border="1" >
            <tr>
                <td>病区名称</td>
                <td>病区位置</td>
            </tr>
     </table>
</BODY>
</html>

1*****************遍历对象*******************

<!--
     1. 遍历对象
           要求：对象要是JSON数据格式

      $.each(obj,function(n,value) { }); obj 是JSON格式的对象；n 是obj中子元素个数；value是obj的子元素，可以使用value.名称获取！

   -->
<script type="text/javascript">
     $(function(){
       var tbody = "";
    //遍历对象
    var obj =[{"name":"骨科病区","position":"3号楼6楼"}];
      alert(obj);//是个object元素
   //下面使用each进行遍历
   $.each(obj,function(n,value) {
           alert(n+' '+value);
           var trs = "";
             trs += "<tr><td>" + value.name +"</td> <td>" + value.position +"</td></tr>";
             tbody += trs;
           });

         $("#tabledata").append(tbody);

});
</script>

2*****************遍历集合：与遍历一个对象没有太大区别，只是格式上的问题******************

3***************遍历数组****************

转自：http://anybing.iteye.com/blog/1167670

0 0