                        課程
                    
                        /前端開發
                        
                            /jQuery
                        
                        /jQuery基礎(五)一Ajax應用與常用插件

請問大神為啥each方法遍歷json對象遍歷出來的答案會重復幾次

<!DOCTYPE html>

<html>

? ? <head>

? ? ? ? <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

? ? ? ? <title>挑戰題</title>

? ? ? ? <style>

? ? ? ? ? ? div{

? ? ? ? ? ? ? ? width:200px;

? ? ? ? ? ? ? ? height:200px;

? ? ? ? ? ? ? ? background:#ccc;

? ? ? ? ? ? }

? ? ? ? </style>

? ? ? ? <script src="https://libs.baidu.com/jquery/1.9.0/jquery.js" type="text/javascript"></script>

? ? </head>

? ? <body>

? ? ? ??

? ? ? ? <div id="box"></div>

? ? ? ? <input type="button" value="each查看資料">

? ? ? ??

? ? ? ? <script>

? ? ? ? ? ? var testJson={

? ? ? ? ? ? ? ? class:"電子商務",

? ? ? ? ? ? ? ? name:"zhansgan",

? ? ? ? ? ? ? ? sex:"man",

? ? ? ? ? ? ? ? height:"170cm"

? ? ? ? ? ? };

? ? ? ? ? ? $("input").click(function(){

? ? ? ? ? ? ? ? $.each(testJson,function(index,ele){

? ? ? ? ? ? ? ? ? ? $("#box").append($("<li>班級："+testJson.class+"</li>"+"<li>名字："+testJson.name+"</li>"))

? ? ? ? ? ? ? ? })

? ? ? ? ? ? });

? ? ? ? </script>

? ? </body>

</html>

qq_逐光_3

2019-02-19

源自：jQuery基礎(五)一Ajax應用與常用插件 1-11

關注問題我要回答

2162

操作

收起

3 回答

xiaoma_0004
2019-08-10

? $(function(){

? ? ? ? ? ? ? ? //首先定義全局JSON對象數組

????????????????var students=[{name:"zhansan",age:18},{name:"lisi",age:20},{name:"maliang",age:19}];

? ? ? ? ? ? ? ? //初始化遍歷，students是要遍歷的對象的名字，function中第一個參數index是索引，每次+1遞增，第二個參數item是數組中每個對象本身

?????????????????$.each(students,function(index,item){

? ? ? ? ? ? ? ? ? ? ?if(index<students.length){? ?//在此判斷當前的index值和數組長度，可以避免點擊事件后，

//觸發連續append操作

? ? ? ? ? ? ? ? ??$("#st").append("<li> 姓名是："+item.name+" ，年齡："+item.age+"</li>");

? ? ? ? ? ? ? ? ? ? ?}

? ? ? ? ? ? ? ? ? ? ?});

? ? ? ? ? ? ? ? $("#btn").click(function(){

? ? ? ? ? ? ? ? ? ? alert("ok");

? ? ? ? ? ? ? ? ? ? $("#dv2").hide();

? ? ? ? ? ? ? ? ? ??

? ? ? ? ? ? ? ? });

? ? ? ? ? ? });

1 回復有任何疑惑可以回復我~

收起回答

whiteDive
2019-04-26

var?testJson=[{

????class:"電子商務",

????name:"zhansgan",

????sex:"man",

????height:"170cm"

}];

$("input").click(function(){

????$.each(testJson,function(index,ele){
????????$("#box").append($("<li>班級："+ele.class+"</li>"+"<li>名字："+ele.name+"</li>"))

????})

});

你獲取數據怎么用testJson.class? 應該用ele呀? ? 然后testJson應該要設成一個數組，這個數組只有一項是一個對象

要不然遍歷的就是一個對象，每次獲取這個對象中的一樣，就取不到每項信息了