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 相关文章推荐
jQuery 获取对象 根据属性、内容匹配, 还有表单元素匹配
May 31 Javascript
jquery 快速回到页首的方法
Dec 05 Javascript
JavaScript1.6数组新特性介绍以及JQuery的几个工具方法
Dec 06 Javascript
JavaScript原生对象之Date对象的属性和方法详解
Mar 13 Javascript
JS基于myFocus库实现各种功能的tab选项卡切换效果
Sep 19 Javascript
JavaScript学习笔记之数组去重
Mar 23 Javascript
JavaScript常用本地对象小结
Mar 28 Javascript
Javascript实现图片加载从模糊到清晰显示的方法
Jun 21 Javascript
微信小程序 Storage API实例详解
Oct 02 Javascript
jquery实时获取时间的简单实例
Jan 26 Javascript
ES6学习笔记之map、set与数组、对象的对比
Mar 01 Javascript
layer.msg()去掉默认时间,实现手动关闭的方法
Sep 12 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
安装apache2.2.22配置php5.4(具体操作步骤)
2013/06/26 PHP
ThinkPHP标签制作教程
2014/07/10 PHP
php实现微信扫码自动登陆与注册功能
2016/09/22 PHP
laravel 5异常错误:FatalErrorException in Handler.php line 38的解决
2017/10/12 PHP
laravel框架模型、视图与控制器简单操作示例
2019/10/10 PHP
a标签的css样式四个状态
2021/03/09 HTML / CSS
用jquery方法操作radio使其默认选项是否
2013/09/10 Javascript
js控制淡入淡出示例代码
2013/11/12 Javascript
js函数调用的方式
2014/05/06 Javascript
Function.prototype.apply()与Function.prototype.call()小结
2016/04/27 Javascript
Bootstrap fileinput文件上传组件使用详解
2017/06/06 Javascript
理解 javascript 中的函数表达式与函数声明
2017/07/07 Javascript
javascript实现Emrips反质数枚举的示例代码
2017/12/06 Javascript
Nodejs中怎么实现函数的串行执行
2019/03/02 NodeJs
Vue多环境代理配置方法思路详解
2019/06/21 Javascript
JS回调函数 callback的理解与使用案例分析
2019/09/09 Javascript
JS实现移动端双指缩放和旋转方法
2019/12/13 Javascript
在Vue中使用Viser说明(基于AntV-G2可视化引擎)
2020/10/28 Javascript
浅谈Vue使用Elementui修改默认的最快方法
2020/12/05 Vue.js
Python ljust rjust center输出
2008/09/06 Python
Python cookbook(数据结构与算法)字典相关计算问题示例
2018/02/18 Python
OpenCV HSV颜色识别及HSV基本颜色分量范围
2019/03/22 Python
pyQT5 实现窗体之间传值的示例
2019/06/20 Python
PHP基于phpqrcode类库生成二维码过程解析
2020/05/28 Python
Python命名空间namespace及作用域原理解析
2020/06/05 Python
Python面向对象特殊属性及方法解析
2020/09/16 Python
Right-on官方网站:日本知名的休闲服装品牌
2019/07/12 全球购物
新加坡鲜花速递/新加坡网上花店:Ferns N Petals
2020/08/29 全球购物
即将毕业大学生自荐信
2014/01/24 职场文书
校园联欢晚会主持词
2014/03/17 职场文书
领导班子整改措施
2014/10/24 职场文书
2015教师个人年度工作总结
2015/10/23 职场文书
使用Django实现商城验证码模块的方法
2021/06/01 Python
python之PySide2安装使用及QT Designer UI设计案例教程
2021/07/26 Python
Python selenium绕过webdriver监测执行javascript
2022/04/12 Python
nginx实现多geoserver服务的负载均衡
2022/05/15 Servers