jQuery.each(object, [callback])方法,用于处理json数组

简介:

通用例遍方法,可用于例遍对象和数组。

不同于例遍 jQuery 对象的 $().each() 方法,此方法可用于例遍任何对象。回调函数拥有两个参数:第一个为对象的成员或数组的索引,第二个为对应变量或内容。如果需要退出 each 循环可使回调函数返回 false,其它返回值将被忽略。

object:需要例遍的对象或数组。

callback:每个成员/元素执行的回调函数。
jQuery 代码:
$.each( [0,1,2], function(i, n){
  alert( "Item #" + i + ": " + n );
});

 

实例:

复制代码
json = JSON.parse(json);
opt_str = "<option value=''>-请选择-</option>"
if (json.status == 1) {
    $.each(json.data,
    function(index, con) {
        opt_str += "<option value=" + con.id + ">" + con.name + " 电话:" + con.tel + "</option>"
    })
}
$('#agent_id').html(opt_str);
复制代码

获取json数据,进行处理。

json返回数据

{"status":1,"info":"","data":[{"id":"3","name":"\u5bbf\u8fc1\u4ee3\u7406\u5546","tel":"15262731823"},{"id":"18","name":"\u4ee3\u7406\u5546\u5f20\u601d","tel":"15850946234"}]}

效果



本文转自TBHacker博客园博客,原文链接:http://www.cnblogs.com/jiqing9006/p/5001198.html,如需转载请自行联系原作者

相关文章
|
4天前
|
JavaScript CDN
jQuery方法小记
jQuery方法小记
15 0
|
18天前
|
JSON JavaScript 前端开发
JavaScript原生代码处理JSON的一些高频次方法合集
JavaScript原生代码处理JSON的一些高频次方法合集
|
3月前
|
JavaScript
jQuery追加节点方法 和height方法与width方法
jQuery追加节点方法 和height方法与width方法
|
3月前
|
JavaScript 前端开发
调用jQuery的animate()方法无法移动的问题
调用jQuery的animate()方法无法移动的问题
|
1月前
|
存储 JSON JavaScript
Python字典和JSON字符串相互转化方法
【2月更文挑战第18天】
60 3
|
3月前
|
Web App开发 前端开发
Chrome 浏览器插件 V3 版本 Manifest.json 文件中 Action 的类型(Types)、方法(Methods)和事件(Events)的属性和参数解析
Chrome 浏览器插件 V3 版本 Manifest.json 文件中 Action 的类型(Types)、方法(Methods)和事件(Events)的属性和参数解析
156 0
|
1月前
|
设计模式 Java 调度
多案例理解Object的wait,notify,notifyAll与Thread的sleep,yield,join等方法
多案例理解Object的wait,notify,notifyAll与Thread的sleep,yield,join等方法
43 1
|
1月前
|
JSON 数据处理 API
盘点Python中4种读取JSON文件和提取JSON文件内容的方法
盘点Python中4种读取JSON文件和提取JSON文件内容的方法
316 0
|
1月前
|
JavaScript
JS之Object.defineProperty方法
JS之Object.defineProperty方法
|
2月前
|
SQL JSON Apache
Flink问题之嵌套 json 中string 数组的解析异常如何解决
Apache Flink是由Apache软件基金会开发的开源流处理框架,其核心是用Java和Scala编写的分布式流数据流引擎。本合集提供有关Apache Flink相关技术、使用技巧和最佳实践的资源。
222 1