jQuery中使用each处理json数据


Posted in Javascript onApril 23, 2015

eg:给传进来的ID中当其对应的值为true时,即给对应的ID标签添加一个class 名为  focus,如:

var obj = { id01:'true', id02:'flase', id03:'true'};

$.each(obj,function(key,val){ 
   if(val == 'true'){ 
      $('#' + key).addClass('focus'); 
    } 
});

结果:ID为id01及id03的标签会添加一个class标签;

eg2:

json数据如下:

[ 
{"Id": 10004, "PageName": "club"}, 
{"Id": 10040, "PageName": "qaz"}, 
{"Id": 10059, "PageName": "beauty"}
]

希望用jquery对此数据进行操作,使用$.each:

$.each(data, function(i, item) {
  alert(item.PageName);
});

本人亲测可行。

以上所述就是本文的全部内容了,希望大家能够喜欢。

Javascript 相关文章推荐
Prototype使用指南之enumerable.js
Jan 10 Javascript
自适应高度框架 ----属个人收藏内容
Jan 22 Javascript
javascript 设置文本框中焦点的位置
Nov 20 Javascript
JavaScript 联动的无限级封装类,数据采用非Ajax方式,随意添加联动
Jun 29 Javascript
jQuery 属性选择器element[herf*='value']使用示例
Oct 20 Javascript
JQuery处理json与ajax返回JSON实例代码
Jan 03 Javascript
jQuery实现点击水纹波动动画
Apr 10 Javascript
vue2.0页面前进刷新回退不刷新的实现方法
Jul 31 Javascript
vue select选择框数据变化监听方法
Aug 24 Javascript
使用vue2.0创建的项目的步骤方法
Sep 25 Javascript
如何使用electron-builder及electron-updater给项目配置自动更新
Dec 24 Javascript
Vue移动端右滑屏幕返回上一页附源码下载
Jun 26 Javascript
javascript数组去重方法汇总
Apr 23 #Javascript
javascript实现英文首字母大写
Apr 23 #Javascript
原生js和jquery实现图片轮播淡入淡出效果
Apr 23 #Javascript
浅谈javascript中for in 和 for each in的区别
Apr 23 #Javascript
原生js和jquery实现图片轮播特效
Apr 23 #Javascript
使用纯javascript实现经典扫雷游戏
Apr 23 #Javascript
jQuery图片特效插件Revealing实现拉伸放大
Apr 22 #Javascript
You might like
PHP+MySQL插入操作实例
2015/01/21 PHP
PHP receiveMail实现收邮件功能
2018/04/25 PHP
详解no input file specified 三种解决方法
2019/11/29 PHP
Code: write(s,d) 输出连续字符串
2007/08/19 Javascript
自己用jQuery写了一个图片的马赛克消失效果
2014/05/04 Javascript
IE8中使用javascript动态加载CSS的解决方法
2014/06/17 Javascript
js点击button按钮跳转到另一个新页面
2014/10/10 Javascript
JavaScript异步加载浅析
2014/12/28 Javascript
jquery遍历函数siblings()用法实例
2015/12/24 Javascript
JS定义类的六种方式详解
2016/05/12 Javascript
jQuery实现的自适应焦点图效果完整实例
2016/08/24 Javascript
ES6记录异步函数的执行时间详解
2016/08/31 Javascript
Javascript中常用的检测方法小结
2016/10/08 Javascript
webpack构建react多页面应用详解
2017/09/15 Javascript
利用10行js代码实现上下滚动公告效果
2017/12/08 Javascript
详解Koa中更方便简单发送响应的方式
2018/07/20 Javascript
Vue结合后台导入导出Excel问题详解
2019/02/19 Javascript
详解使用Nuxt.js快速搭建服务端渲染(SSR)应用
2019/03/13 Javascript
vue element table中自定义一些input的验证操作
2020/07/18 Javascript
Django返回json数据用法示例
2016/09/18 Python
Python实现封装打包自己写的代码,被python import
2020/07/12 Python
基于Python实现天天酷跑功能
2021/01/06 Python
HTML5实现的震撼3D焦点图动画的示例代码
2019/09/26 HTML / CSS
HTML5的革新 结构之美
2011/06/20 HTML / CSS
印度尼西亚最好的小工具在线商店:Erafone.com
2019/03/26 全球购物
英国Iceland杂货店:网上食品购物
2020/12/16 全球购物
远程调用的原理
2014/07/05 面试题
给面试官的感谢信
2014/02/01 职场文书
技术合作协议书范本
2014/04/18 职场文书
超市开业庆典策划方案
2014/05/14 职场文书
公司董事长助理工作职责
2014/07/12 职场文书
个人授权委托书样本
2014/09/13 职场文书
村长党的群众路线教育实践活动个人对照检查材料
2014/09/23 职场文书
“四风”问题自我剖析材料思想汇报
2014/09/23 职场文书
超市收银员岗位职责
2015/04/07 职场文书
辅导员学期工作总结
2015/08/14 职场文书