javascript - 读取json 在页面遍历标签-PHP中文网问答

文章专题 AI工具学习下载问答源码最近更新

PHP

会员中心讲师中心微信公众号

javascript - 读取json 在页面遍历标签

天蓬老师 2017-04-10 15:42:20

[JavaScript讨论组]

552

[
    [
        {
            "name": "家用电器"
        }
    ],
    [
        {
            "name": "手机、"
        },
        {
            "name": "数码、"
        },
        {
            "name": "京东通信"
        }
    ],
    [
        {
            "name": "电脑、办公"
        }
    ],
    [
        {
            "name": "家居、"
        },
        {
            "name": "家具、"
        },
        {
            "name": "家装、"
        },
        {
            "name": "厨具"
        }
    ]
]

这是json 我现在想用js读取json然后遍历标签标签格式如下

  <p class="item">
        <h3>
            <a href="">手机</a>、
            <a href="" target="_blank">数码</a>、
            <a href="" target="_blank">泾阳通信</a>
        </h3>
        <i>></i>
 </p>
 <p class="item">
        <h3>
            <a href="">家居</a>、
            <a href="" target="_blank">家具</a>、
            <a href="" target="_blank">家装</a>、
            <a href="" target="_blank">厨具</a>
        </h3>
        <i>></i>
    </p>

天蓬老师

欢迎选择我的课程，让我们一起见证您的进步~~

全部回复(2)

大家讲道理2017-04-10 15:44:20 2楼

        var json = [
            [
                {
                    "name": "家用电器"
                }
            ],
            [
                {
                    "name": "手机、"
                },
                {
                    "name": "数码、"
                },
                {
                    "name": "京东通信"
                }
            ],
            [
                {
                    "name": "电脑、办公"
                }
            ],
            [
                {
                    "name": "家居、"
                },
                {
                    "name": "家具、"
                },
                {
                    "name": "家装、"
                },
                {
                    "name": "厨具"
                }
            ]
        ];
        
         $(function(){
            $(json).each(function(index){
                var arr = $(this);
                if(index % 2 != 0){
                    var html = '<p class="item"><h3>';
                    $(arr).each(function(innerIndex){
                        html += '<a href="" target="_blank">'+$(arr[innerIndex]).attr('name')+'</a>';
                    });
                    html += '</h3></p>';
                    $(html).append('<i>></i> ').appendTo($('#cc'));
                }
            });
        });

赞 +0

添加回复

PHP中文网2017-04-10 15:44:20 1楼

http://www.zhihu.com/question/32524504

赞 +0

添加回复

专题推荐

更多>

热门话题

热门教程

更多>