【each】jquery中each遍历对象和数组示例-遍历对象

欢迎您访问我爱IT技术网，今天小编为你分享的javascript教程：【jquery中each遍历对象和数组示例】，下面是详细的讲解！

jquery中each遍历对象和数组示例

 通用遍历方法，可用于遍历对象和数组。$().each()，回调函数拥有两个参数：

第一个为对象的成员或数组的索引，第二个为对应变量或内容。如需退出each循环可使回调函数返回false

现有如下两个select

计划类别: 
<select id="PLANTYPE"> 
<option value="0">-所有-</option> 
<option value="1">新建</option> 
<option value="2">续建</option> 
</select> 
申报类型: 
<select id="AUDITTYPE"> 
<option value="0">-所有-</option> 
<option value="1">申报</option> 
<option value="2">修改</option> 
</select>

使用each方法获取option中的文本值，即 -所有-、新建、续建...

如果只使用一次each循环 可从option处开始

$("option").each(function(index,data){ 
console.info($( data ).text()); 
//或者console.info($(this).text()); 
})

也可从select处开始

$("select").each(function( index,data){ 
$("option", data).each(function(m,n){ 
console.info($(this).text()); 
}) 
})

$("option", data)一定要加上 data或者$("option",this)，表示此对象下的option

否则就是所有的option。

--------------------------华丽的分割线-----------------------------

each还有一种用法jQuery.each(object, [callback])
不同于jQuery对象的$().each()方法，此方法可用于例遍任何对象。

用此方法同样遍历上述代码

$.each($("option"),function(index,data){ 
console.info(index+" "+data); 
})

也可以遍历数组

$.each( [0,1,2], function(i, n){ 
console.info( "Index：" + i + ": " + n ); 
});

遍历对象

$.each({ name: "itmyhome", addr: "Beijing" },function(i, n){ 
console.info("Name: " + i + ", Value: " + n); 
});

关于jquery中each遍历对象和数组示例的用户互动如下：

　　相关问题：jquery 如何遍历循环数组

　　答：http://www.cnblogs.com/xiaojinhe2/archive/2011/10/12/2208740.html 觉得这个可以帮到你,请采纳 >>详细

　　相关问题：jQuery遍历对象

　　答：原生js就可以啊 var demo = {name:"abc", type:"p"}; for (var i in demo) alert(i + ':' + demo[i]); >>详细

　　相关问题：jquery如何解析遍历这个对象数组

　　答：一定是Jquery哦，不是js哇哈哈哈哈看你这句话，就知道你是个菜鸟而且是个只知道用jquery的菜鸟var arr = [ { "id": "1", "uid": "1", "name": "", "title": "OneThink1.0\u6b63\u5f0f\u7248\u53d1\u5e03", "category_id": "2", "description": "... >>详细