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

Question

[
    [
        {
            "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>

Answer 1

        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'));
                }
            });
        });

Answer 2

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