請問大神 為啥each方法遍歷json對象 遍歷出來的答案會重復(fù)幾次
<!DOCTYPE html>
<html>
? ? <head>
? ? ? ? <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
? ? ? ? <title>挑戰(zhàn)題</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:"電子商務(wù)",
? ? ? ? ? ? ? ? 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>
2019-08-10
? $(function(){
? ? ? ? ? ? ? ? //首先定義全局JSON對象數(shù)組
????????????????var students=[{name:"zhansan",age:18},{name:"lisi",age:20},{name:"maliang",age:19}];
? ? ? ? ? ? ? ? //初始化遍歷,students是要遍歷的對象的名字,function中第一個參數(shù)index是索引,每次+1遞增,第二個參數(shù)item是數(shù)組中每個對象本身
?????????????????$.each(students,function(index,item){
? ? ? ? ? ? ? ? ? ? ?if(index<students.length){? ?//在此判斷當(dāng)前的index值和數(shù)組長度,可以避免點(diǎn)擊事件后,
//觸發(fā)連續(xù)append操作
? ? ? ? ? ? ? ? ??$("#st").append("<li> 姓名是:"+item.name+" ,年齡:"+item.age+"</li>");
? ? ? ? ? ? ? ? ? ? ?}
? ? ? ? ? ? ? ? ? ? ?});
? ? ? ? ? ? ? ? $("#btn").click(function(){
? ? ? ? ? ? ? ? ? ? alert("ok");
? ? ? ? ? ? ? ? ? ? $("#dv2").hide();
? ? ? ? ? ? ? ? ? ??
? ? ? ? ? ? ? ? });
? ? ? ? ? ? });
2019-04-26
你獲取數(shù)據(jù)怎么用testJson.class? 應(yīng)該用ele呀? ? 然后testJson應(yīng)該要設(shè)成一個數(shù)組,這個數(shù)組只有一項 是一個對象
要不然遍歷的就是一個對象,每次獲取這個對象中的一樣,就取不到每項信息了
2019-02-19
自己解決了 :? 要在后面添加一個?return? false;? 用來停止當(dāng)前的迭代?跳出循環(huán)