jquery使用each()方法遍歷json資料程式碼例項

admin發表於2017-04-05

下面分享幾個簡單的遍歷程式碼例項片段,需要的可以簡單做一下參考。

程式碼如下:給傳進來的ID中當其對應的值為true時,即給對應的ID標籤新增一個class名為 focus:

[JavaScript] 純文字檢視 複製程式碼
var obj = { id01:'true', id02:'flase', id03:'true'};
$.each(obj,function(key,val){ 
   if(val == 'true'){ 
      $('#' + key).addClass('focus'); 
    } 
});

ID為id01及id03的標籤會新增一個class標籤。

再來看一段程式碼例項:

json資料如下:

[JavaScript] 純文字檢視 複製程式碼
[ 
{"Id": 10004, "PageName": "club"}, 
{"Id": 10040, "PageName": "qaz"}, 
{"Id": 10059, "PageName": "beauty"}
]

遍歷程式碼如下:

[JavaScript] 純文字檢視 複製程式碼
$.each(data, function(i, item) {
  alert(item.PageName);
});

相關文章