<!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>
<!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
<!-- 下面的js放在这里-->
</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*****************遍历集合:与遍历一个对象没有太大区别,只是格式上的问题******************
<script type="text/javascript">
$(function(){
var tbody = "";
//遍历集合
var obj =[{"name":"骨科病区","position":"3号楼6楼"},{"name":"骨科病区","position":"3号楼6楼"},{"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>
3***************遍历数组****************
<script type="text/javascript">
$(function(){
var tbody = "";
var anArray = ['one','two','three'];
$.each(anArray,function(n,value) {
alert(n+' '+value);
var trs = "";
trs += "<tr><td>" +value+"</td></tr>";
tbody += trs;
});
$("#tabledata").append(tbody);
});
</script>
转自:http://anybing.iteye.com/blog/1167670