                        课程
                    
                        /前端开发
                        
                            /jQuery
                        
                        /jQuery基础(五)一Ajax应用与常用插件

请问大神为啥each方法遍历json对象遍历出来的答案会重复几次

<!DOCTYPE html>

<html>

<head>

<style>

div{

width:200px;

height:200px;

background:#ccc;

}

</style>

</head>

<body>

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

关注问题我要回答

2081

操作

收起

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应该要设成一个数组，这个数组只有一项是一个对象

要不然遍历的就是一个对象，每次获取这个对象中的一样，就取不到每项信息了