HTML网页解析

作者: 热爱生活的男孩子 | 来源:发表于2017-07-22 16:16 被阅读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);
                }```

    相关文章

      网友评论

        本文标题:HTML网页解析

        本文链接:https://www.haomeiwen.com/subject/cmyukxtx.html