jQuery $.each用法
2016-03-22 00:00
447 查看
[code=plain]1.遍历数组 var arr = [ "one", "two", "three", "four"]; $.each(arr, function(index, value){ alert(this); //this指向当前元素 //index表示Array当前下标//value表示Array当前元素 }); //上面这个each输出的结果分别为:one,two,three,four var arr1 = [[1, 4, 3], [4, 6, 6], [7, 20, 9]] $.each(arr1, function(index, item_list){ alert(item_list[0]); }); //所以上面这个each输出分别为:1 4 7 2遍历字典 var obj = { one:1, two:2, three:3, four:4}; $.each(obj, function(key, val) { alert(obj[key]); }); //输出结果为:1 2 3 4 3.$.each遍历json对象 var json = [ {"id":"1","tagName":"apple"}, {"id":"2","tagName":"orange"}, {"id":"3","tagName":"banana"}, {"id":"4","tagName":"watermelon"}, {"id":"5","tagName":"pineapple"} ]; $.each(json, function(index, obj) { alert(obj.tagName); }); 在Chrome中,它显示在控制台下面的错误: Uncaught TypeError: Cannot use 'in' operator to search for '156' in [{"id":"1","tagName":"apple"}... 解决方案:JSON字符串转换为JavaScript对象。 var json = '[{"id":"1","tagName":"apple"},{"id":"2","tagName":"orange"}, {"id":"3","tagName":"banana"},{"id":"4","tagName":"watermelon"}, {"id":"5","tagName":"pineapple"}]'; $.each(JSON.parse(json), function(idx, obj) { alert(obj.tagName); }); //or $.each($.parseJSON(json), function(idx, obj) { alert(obj.tagName); });
相关文章推荐
- jquery 的load()方法
- jQuery常用的方法
- jQuery 复习
- jquery插件,表单验证validation plugin的使用
- jQuery全屏滚动插件fullpage.js
- jQuery transform/action类型静态工具方法探究
- jquery操作table备忘
- 利用 jQuery iframe 标签实现无刷新上传
- jquery 操作 select
- 解决了jQuery插件未能导入到项目之中
- 编写基于jQuery的插件的方法
- Lazy Load, 延迟加载图片的 jQuery 插件
- jquery获取自身元素的html
- 利用jquery给指定的table动态添加一行、删除一行
- jquery-number
- jQuery对象和DOM对象的互相转换
- jQuery 序列化表单数据 serialize() serializeArray()
- jQuery支持移动Mobile的DOM元素移动和缩放插件
- jQuery的get()post()getJson()方法
- 【js】用DOM方式实现jQuery.ajax