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的validation.js发布2.3.4新版本,让你彻底脱离表单验证的烦恼
Dec 06 Javascript
Mootools 1.2教程 Fx.Tween的使用
Sep 15 Javascript
js捕获鼠标滚轮事件代码
Dec 16 Javascript
JQuery Tips相关(1)----关于$.Ready()
Aug 14 Javascript
node.js [superAgent] 请求使用示例
Mar 13 Javascript
JQuery select(下拉框)操作方法汇总
Apr 15 Javascript
Bootstrap每天必学之媒体对象
Nov 30 Javascript
angularJs提交文本框数据到后台的方法
Oct 08 Javascript
JavaScript函数式编程(Functional Programming)声明式与命令式实例分析
May 21 Javascript
在vscode 中设置 vue模板内容的方法
Sep 02 Javascript
javascript自定义加载loading效果
Sep 15 Javascript
如何使用RoughViz可视化Vue.js中的草绘图表
Jan 30 Vue.js
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面向对象全攻略 (一) 面向对象基础知识
2009/09/30 PHP
php cookies中删除的一般赋值方法
2011/05/07 PHP
php使用指定字符列表生成随机字符串的方法
2015/04/18 PHP
PHP链表操作简单示例
2016/10/15 PHP
Win10 下安装配置IIS + MySQL + nginx + php7.1.7
2017/08/04 PHP
自定义Laravel (monolog)日志位置,并增加请求ID的实现
2019/10/17 PHP
Javascript 文件夹选择框的两种解决方案
2009/07/01 Javascript
优化javascript的执行速度
2010/01/23 Javascript
分享几个超级震憾的图片特效
2012/01/08 Javascript
Jquery在指定DIV加载HTML示例代码
2014/02/17 Javascript
javascript的回调函数应用示例
2014/02/20 Javascript
利用try-catch判断变量是已声明未声明还是未赋值
2014/03/12 Javascript
当滚动条滚动到页面底部自动加载增加内容的js代码
2014/05/13 Javascript
Node.js中require的工作原理浅析
2014/06/24 Javascript
js日期范围初始化得到前一个月日期的方法
2015/05/05 Javascript
数据分析软件之FineReport教程:[5]参数界面JS(全)
2015/08/13 Javascript
JS实现复制内容到剪贴板功能兼容所有浏览器(推荐)
2016/06/17 Javascript
js replace(a,b)之替换字符串中所有指定字符的方法
2016/08/17 Javascript
Angular2利用组件与指令实现图片轮播组件
2017/03/27 Javascript
vue项目在安卓低版本机显示空白的原因分析(两种)
2018/09/04 Javascript
vue点击当前路由高亮小案例
2019/09/26 Javascript
JavaScript实现随机点名程序
2020/03/25 Javascript
vue 子组件和父组件传值的示例
2020/09/11 Javascript
Python脚本文件打包成可执行文件的方法
2015/06/02 Python
深入解析Python中的lambda表达式的用法
2015/08/28 Python
Ubuntu下安装PyV8
2016/03/13 Python
python 系统调用的实例详解
2017/07/11 Python
python 实现将list转成字符串,中间用空格隔开
2019/12/25 Python
Python定时任务APScheduler原理及实例解析
2020/05/30 Python
十一个高级MySql面试题
2014/10/06 面试题
班主任寄语大全
2014/04/04 职场文书
诚信承诺书模板
2014/05/26 职场文书
新年寄语2016
2015/08/17 职场文书
创业计划书之家教托管
2019/09/25 职场文书
聘任书的格式及模板
2019/10/28 职场文书
Python MNIST手写体识别详解与试练
2021/11/07 Python