创建对象数组--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>