创建对象数组--jQuery数组和字符串
2011-01-29 15:45:11| 分类: JQuery | 标签: |字号大中小订阅
l 创建对象数组
2011-01-29
知识点:
请创建一个对象数组,存储关于特定的实体、项目、个人、对象等信息。在此解决方案中,要保存4个学生的资料。假设每个学生包含三个属性:sid,sname,sage。 |
说明:
对象数组格式: var objArray = {'attr1':value11,'attr2':value21,'attr3':value31}, {'attr1':value12,'attr2':value22,'attr3':value32}, …… {'attr1':value1n,'attr2':value2n,'attr3':value3n}, ]; $.each(array,callback)方法:迭代数组,callback为回调函数,出来每一个迭代数组中的每一个元素,并处理迭代数组中的元素。 append()方法:对指定元素执行appendChild方法。 |
Code:
<html><head>
<title>jQuery数组和字符串--创建对象数组</title>
<script type="text/javascript" src="../js/jquery-1.4.1.js"></script>
<script type="text/javascript">
<!--
$(
function () {
var students = [
{ 'sid': 'ST001', 'sname': '张三', 'sage': 18 },
{ 'sid': 'ST004', 'sname': '赵六', 'sage': 23 },
{ 'sid': 'ST002', 'sname': '李四', 'sage': 42 },
{ 'sid': 'ST003', 'sname': '王五', 'sage': 35 }
];
students.push({ 'sid': 'ST006', 'sname': '小王', 'sage': 31 }); //动态添加一个对象
//字符串显示
$.each(students,
function (index, value) {
$('p.listStudent').append('STUDENT:{SID=' + value.sid +
', SNAME=' + value.sname +
', SAGE=' + value.sage + '} ');
}
);
//表格显示
$.each(students,
function (index, value) {
$('#it').append('<tr><td>' + value.sid +
'</td><td>' + value.sname +
'</td><td>' + value.sage + '</td></tr>');
}
);
}
);
//-->
</script>
</head>
<body>
<h5>
对象数组:</h5>
<p class='listStudent'>
</p>
<table id='it' border="1">
</table>
</body>
</html>