创建对象数组--jQuery数组和字符串
来源:互联网 发布:魔豆宝宝小屋淘宝店 编辑:程序博客网 时间:2024/06/05 20:48
创建对象数组--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>
- 创建对象数组--jQuery数组和字符串
- Jquery数组和对象操作
- Jquery数组和对象操作
- jquery数组和对象操作
- JS创建数组和对象
- javascript 数组和对象字符串
- 用jquery实现cookie的操作以及创建js数组和遍历js数组,js对象,jquery.json的使用
- 后台ajax调用中字符串到jquery中的json对象和数组对象转换问题
- 【2015-1-26】jquery数组和字符串
- js、jquery遍历数组和对象
- 利用jQuery来对字符串数组和数值数组排序
- 数组、指针和字符串:对象指针
- 三十一、数组、指针和字符串:对象指针
- JSon对象、JSon数组和JSon字符串。
- 数组和字符串(面向对象篇)
- JS 创建一维数组和一维对象数组
- jquery对象数组
- 数组、指针和字符串:数组的存储与初始化、对象数组、数组作为函数参数
- ssh2详解
- jquerymobile-3 page title和网页预加载
- UVA 10570 Meeting with Aliens
- Xcode 4.1~4.6 + iOS 5、iOS 6免证书(iDP)开发+真机调试+生成IPA全攻略
- android中src和background区别
- 创建对象数组--jQuery数组和字符串
- 多线程程序问题分析小结
- OpenGL ES着色器语言之变量和数据类型(官方文档第四章2)
- android 隐藏标题栏
- OpenGL ES着色器语言之操作数(官方文档第五章)
- php 抓取
- I'm coming back again!
- ajax局部刷新,定时更新
- python核心笔记--第九章 文件操作