jquery使用each()方法遍歷json資料程式碼例項
下面分享幾個簡單的遍歷程式碼例項片段,需要的可以簡單做一下參考。
程式碼如下:給傳進來的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); });
相關文章
- $.each()方法遍歷json格式資料程式碼例項JSON
- $.each()遍歷json格式陣列程式碼例項JSON陣列
- jQuery遍歷json格式資料完整程式碼例項jQueryJSON
- $.each()方法遍歷二維陣列程式碼例項陣列
- $.each遍歷物件陣列程式碼例項物件陣列
- jQuery遍歷讀取json格式資料簡單程式碼例項jQueryJSON
- jquery的each()函式遍歷陣列和物件程式碼例項jQuery函式陣列物件
- javascript實現的遍歷json資料程式碼例項JavaScriptJSON
- $.each()函式遍歷陣列和物件程式碼例項函式陣列物件
- jquery中each的三種遍歷方法jQuery
- jQuery遍歷陣列和集合程式碼例項jQuery陣列
- jQuery遍歷array陣列元素程式碼例項jQuery陣列
- jQuery遍歷函式,javascript中的each遍歷jQuery函式JavaScript
- jQuery處理json格式資料程式碼例項jQueryJSON
- jQuery對JSON格式資料的解析例項程式碼jQueryJSON
- jquery next()方法使用程式碼例項jQuery
- JavaScript專題之jQuery通用遍歷方法each的實現JavaScriptjQuery
- javascript遍歷陣列元素程式碼例項JavaScript陣列
- jQuery中使用$.each()遍歷陣列時要注意的地方jQuery陣列
- jQuery 遍歷方法jQuery
- jQuery.map()方法程式碼例項jQuery
- jQuery toggleClass()方法程式碼例項jQuery
- jQuery next()方法程式碼例項jQuery
- jQuery遍歷-slice()方法jQuery
- jQuery清除表單資料程式碼例項jQuery
- jQuery程式碼優化:遍歷篇jQuery優化
- jQuery向後臺傳送json資料進行處理程式碼例項jQueryJSON
- jQuery is() 程式碼例項jQuery
- jquery篩選陣列之grep、each、inArray、map的用法及遍歷json物件 [轉]jQuery陣列JSON物件
- jquery裡遍歷普通陣列和多維陣列的方法及例項jQuery陣列
- $.each(index,el)方法使用(jQuery)IndexjQuery
- jquery遍歷得到的 Map 資料,jQuery
- jQuery的ajax和json使用例項jQueryJSON
- jQuery使用css()方法改變元素樣式程式碼例項jQueryCSS
- $.each()方法遍歷陣列和物件簡單物件陣列物件
- jQuery css()函式使用程式碼例項jQueryCSS函式
- 原生ajax處理json格式資料程式碼例項JSON
- 遍歷方法 js jquery 我 常用JSjQuery