jQuery练习t107-白红宇的个人博客

jQuery练习t107

发布日期：2021-05-06 21:12:35 浏览次数：24 分类：原创文章

本文共 1795 字，大约阅读时间需要 5 分钟。

<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>Title</title>    <style type="text/css">        body{            font-size: 13px;        }        .iframe{            width: 260px;            border: 1px solid #666666;        }        .iframe .title{            padding: 5px;            background-color: #EEEEEE;        }        .iframe .content{            padding: 8px;            font-size: 12px;        }        .btn{            border: 1px solid #666666;            padding: 2px;            width: 80px;        }    </style>    <script src="../js/jquery-3.5.1.js"></script>    <script>        var objData = {            member:[{                grade:"一年级",                students:[{name:["小芳","大明"]}]            },{                grade:"二年级",                students: [{name:["葛优","大海","陶虹"]}]            },{                grade:"三年级",                students:[{name:["张燕","郑霞"]}]            }]        };        function addGrade() {        var objMember = objData.member;        var strHtml_0 = "";        $.each(objMember,function (index) {           strHtml_0 += '<a href="javascript:" onclick="lnkClick('+ index +')">'            + objMember[index].grade + '</a>&nbsp;&nbsp;';        });        $(".title").html("年级优秀学生：" + strHtml_0);    }    function lnkClick(i) {        var objStudent = objData.member[i].students[0].name;        var strHtml_1 = "";        $.each(objStudent,function (index) {           strHtml_1 += '&nbsp;' + objStudent[index] + "&nbsp;"        });        $("#tip").html(strHtml_1);    }    $(function () {        addGrade();        lnkClick(0);    })    </script></head><body>    <div class="iframe">        <div class="title"></div>        <div class="content">            <div id="tip"></div>        </div>    </div></body></html>

上一篇：jQuery练习t108

下一篇：jQuery练习t103

发表评论

关于作者

喝酒易醉，品茶养心，人生如梦，品茶悟道，何以解忧？唯有杜康！

-- 愿君每日到此一游！

发表评论

最新留言

关于作者

推荐文章