开发者社区> 问答> 正文

关于读取json 在页面遍历标签问题

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

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

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

展开
收起
爵霸 2016-03-05 09:45:16 2131 0
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 = '<div class="item"><h3>';
                        $(arr).each(function(innerIndex){
                            html += '<a href="" target="_blank">'+$(arr[innerIndex]).attr('name')+'</a>';
                        });
                        html += '</h3></div>';
                        $(html).append('<i>></i> ').appendTo($('#cc'));
                    }
                });
            });
    2019-07-17 18:52:57
    赞同 展开评论 打赏
问答排行榜
最热
最新

相关电子书

更多
低代码开发师(初级)实战教程 立即下载
冬季实战营第三期:MySQL数据库进阶实战 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载