jquery中each遍历对象和数组

jquery中each可用于遍历对象和数组,如需退出each循环可使回调函数返回false

1.$().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中的文本值,即 -所有-、新建、续建、所有..

$("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。

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

2. 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);
});

原文地址:https://www.cnblogs.com/wangyuyanhello/p/8941973.html

时间: 2024-08-10 13:42:51

jquery中each遍历对象和数组的相关文章

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

通用遍历方法,可用于遍历对象和数组.$().each(),回调函数拥有两个参数: 第一个为对象的成员或数组的索引,第二个为对应变量或内容.如需退出each循环可使回调函数返回false 现有如下两个select 计划类别: <select id="PLANTYPE"> <option value="0">-所有-</option> <option value="1">新建</option>

jquery 遍历对象、数组、集合

转:http://blog.sina.com.cn/s/blog_5db0dfe40100hay7.html 使用了jquery有段时间了,整理下jquery中的遍历问题. 1.jquery 遍历对象 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML>  <HEAD>   <TITLE> New Document </TITLE>   &l

JS遍历对象或者数组

一.纯js实现 Js代码   <script> var obj = {"player_id":"GS001","event_id":"1","destroy":"97%"}; var props = ""; for(var p in obj){ if(typeof(obj[p])=="function"){ obj[p](); }els

jQuery遍历对象、数组、集合实例

1.jquery 遍历对象 复制代码代码如下: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">  <HTML>   <HEAD>    <TITLE> New Document </TITLE>    <script language="javascript" type="text/javascript"

jQuery中deferred的对象使用

什么是deferred对象 开发网站的过程中,我们经常遇到某些耗时很长的javascript操作.其中,既有异步的操作(比如ajax读取服务器数据),也有同步的操作(比如遍历一个大型数组),它们都不是立即能得到结果的. 通常的做法是,为它们指定回调函数(callback).即事先规定,一旦它们运行结束,应该调用哪些函数. 但是,在回调函数方面,jQuery的功能非常弱.为了改变这一点,jQuery开发团队就设计了deferred对象. 简单说,deferred对象就是jQuery的回调函数解决方

jquery中each遍历各种标签方法

这写天用到的遍历jquery each方法比较频繁 刚好有时间,就在这里记录一下 jquery用的是bootstrap的线上文件 不需要导入 <!DOCTYPE html><html lang="zh-cn"> <head>    <meta charset="utf-8">    <meta http-equiv="X-UA-Compatible" content="IE=edge

javaScript遍历对象、数组总结

javaScript遍历对象总结 1.使用Object.keys()遍历 var obj = {'0':'a','1':'b','2':'c'}; Object.keys(obj).forEach(function(key){ console.log(key,obj[key]); }); 2.使用for..in..遍历 var obj = {'0':'a','1':'b','2':'c'}; for(var i in obj) { console.log(i,":",obj[i]);

js for in 遍历对象与数组

遍历对象 let obj = { q:'9', w:'5', e:'2', t:'7', c:'3' } //for in 遍历对象 key为对象的属性名称,遍历属性值时用[]操作符访问 //通过[]操作符为对象添加属性或访问属性时,属性名称可以是任何字符串. for (let key in obj) { console.log('obj的key:',key,' obj的value:',obj[key]); } // 遍历一个对象组合成一个新对象 let colums = []; for (le

js遍历对象的数组

遍历数组: 1.js关键for遍历 2.jquery提供each功能 ----------------------------------- $.each(array, function(){ alert(this); }); ----------------------------------- 对象遍历: js: --------------------------------------------- for (var k in obj) { alert(obj[k]). } jquery