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 相关文章推荐
firebug的一个有趣现象介绍
Nov 30 Javascript
让table变成exls的示例代码
Mar 24 Javascript
javascript操作字符串的原生方法
Dec 22 Javascript
jQuery检测输入的字符串包含的中英文的数量
Apr 17 Javascript
jQuery实现简单的列表式导航菜单效果代码
Aug 31 Javascript
JS+CSS实现仿msn风格选项卡效果代码
Oct 22 Javascript
JS中artdialog弹出框控件之提交表单思路详解
Apr 18 Javascript
Angular2生命周期钩子函数的详细介绍
Jul 10 Javascript
详解React之父子组件传递和其它一些要点
Jun 25 Javascript
vue中$set的使用(结合在实际应用中遇到的坑)
Jul 10 Javascript
JS中的两种数据类型及实现引用类型的深拷贝的方法
Aug 12 Javascript
Vue入门之数量加减运算操作示例
Dec 11 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实现根据设备类型自动跳转相应页面的方法
2014/07/24 PHP
微信API接口大全
2015/04/15 PHP
使用Appcan客户端自动更新PHP版本号(全)
2015/07/31 PHP
修复ShopNC使用QQ 互联时提示100010 错误
2015/11/08 PHP
Laravel框架实现利用中间件进行操作日志记录功能
2018/06/06 PHP
两个DIV等高的JS的实现代码
2007/12/23 Javascript
js实现的折叠导航示例
2013/11/29 Javascript
eclipse导入jquery包后报错的解决方法
2014/02/17 Javascript
js中定义一个变量并判断其是否为空的方法
2014/05/13 Javascript
JavaScript 作用域链解析
2014/11/13 Javascript
js实现图片从左往右渐变切换效果的方法
2015/02/06 Javascript
jQuery旋转木马式幻灯片轮播特效
2015/12/04 Javascript
node模块机制与异步处理详解
2016/03/13 Javascript
基于原生JS实现图片裁剪
2016/08/01 Javascript
Node.js中使用jQuery的做法
2016/08/17 Javascript
TypeScript学习之强制类型的转换
2016/12/27 Javascript
Vue2.0实现调用摄像头进行拍照功能 exif.js实现图片上传功能
2018/04/28 Javascript
vue引入axios同源跨域问题
2018/09/27 Javascript
Node 代理访问的实现
2019/09/19 Javascript
bootstrap+spring boot实现面包屑导航功能(前端代码)
2019/10/09 Javascript
封装 axios+promise通用请求函数操作
2020/08/11 Javascript
[01:04:01]2014 DOTA2国际邀请赛中国区预选赛 5 23 CIS VS DT第一场
2014/05/24 DOTA
Python中取整的几种方法小结
2017/01/06 Python
Python连接数据库学习之DB-API详解
2017/02/07 Python
Python实现通讯录功能
2018/02/22 Python
Puppeteer使用示例详解
2019/06/20 Python
python re.sub()替换正则的匹配内容方法
2019/07/22 Python
Django实现基于类的分页功能
2019/10/31 Python
python通过文本在一个图中画多条线的实例
2020/02/21 Python
素质拓展感言
2014/01/29 职场文书
法律顾问服务方案
2014/05/15 职场文书
联谊活动总结
2014/08/28 职场文书
招标保密承诺书
2015/01/20 职场文书
学雷锋主题班会教案
2015/08/13 职场文书
vue中控制mock在开发环境使用,在生产环境禁用方式
2022/04/06 Vue.js
Redis高并发缓存架构性能优化
2022/05/15 Redis