架构师成长记

HTML网页解析

2017-07-22  本文已影响0人  热爱生活的男孩子
网页解析:
            //解析
            var entity=JSON.parse(response);
            console.log("");
            //得到一个数组
            var typeArray=entity.data[0].data;
            //找到根容器
            var $root=$("#ChinaCartoon");
            //for 数组
            for(var i=0;i<typeArray.length;i++)
            {
                //取到一个分类
                var type=typeArray[i];
            //创建div
            var $div=$("<div>");
            //创建a
            var $a=$("<a>");
            $a.attr("href","cartoonList/cartoonList.html?country=China&id="+type.id);
            //创建img
            var $img=$("<img>");
            //设置img的src属性
            $img.attr("src",config.server+type.icon);
            //创建namespan
            var $nameSpan=$("<span class='typeName'>"+type.name+"</span>")
            //创建desSpan
            var $desSpan=$("<span class='typeDes'>"+type.des+"</span>");
            //把img,nameSpan,desSpan放到a
            $a.append($img);
            $a.append($nameSpan);
            $a.append($desSpan);
            //把a放到div
            $div.append($a);
            //把div放到根容器中
            $root.append($div);
            }```
上一篇 下一篇

猜你喜欢

热点阅读