jQuery 遍历 JSON 对象

最新推荐文章于 2023-04-10 08:01:56 发布

鎏金岁月-Ban

最新推荐文章于 2023-04-10 08:01:56 发布

阅读量590

点赞数

分类专栏： JQuery

JQuery 专栏收录该内容

8 篇文章

订阅专栏

本文介绍了一个使用jQuery实现的数据遍历示例。通过点击ID为Link的元素触发事件，该示例展示了如何解析JSON字符串并根据不同类型的数据结构进行处理。对于对象类型的summary字段，采用循环遍历的方式展示每个子项；对于字符串类型的summary，则直接显示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

不说别的，直接贴代码：

<script
 src="js/jquery-1.6.4.js" type="text/javascript"></script>

 

<script
 type="text/javascript">

    $(document).ready(function()
 {

        $("#Link").click(function()
 {

        var objson
 = "[{Title:'Sjr',Content:'Library',summary:'summary'},{Title:'Sjr',Content:'Library',summary:[{sum0:'sum0'},{sum0:'sum1'},{sum0:'sum2'}]},{Title:'Sjr',Content:'Library',summary:[{sum0:'sum0'},{sum0:'sum1'},{sum0:'sum2'}]}]";

            var obj
 = eval(objson);

            $(obj).each(function(index)
 {

                var val
 = obj[index];

                if (typeof (val.summary)
 == "object")
 {

                    $(val.summary).each(function(ind)
 {

                        alert(val.Title
 + "
 " +
 val.Content + "
 " +
 val.summary[ind].sum0);

                    });

                }
else {

                    alert(val.Title
 + "
 " +
 val.Content + "
 " +
 val.summary);

                }

            });

        });

    });

</script>