jQuery中$.each()方法的使用

$.each()是对数组,json和dom结构等的遍历,说一下他的使用方法吧。
1、遍历一维数组

 var arr1=['aa','bb','cc','dd'];//两个参数,第一个参数表示遍历的数组的下标,第二个参数表示下标对应的值$.each(arr1,function(i,val){console.log(i+'```````'+val);}输出的结果为:
0```````aa
1```````bb
2```````cc
3```````dd

2、遍历二维数组

var arr2=[['aaa','bbb'],['ccc','ddd'],['eee','fff']];
//两个参数,第一个参数表示下标,第二个参数表示一维数组中的每一个数组
$.each(arr2,function(i,item){ console.log(i+'````'+item);}
输出的结果为:0````aaa,bbb
1````ccc,ddd
2````eee,fff此时可以对输出的一维数组进行遍历
$.each(item,function(i,val){  //遍历二维数组console.log(i+'`````'+val);})
输出的结果为:0````aaa,bbb0`````aaa1`````bbb
1````ccc,ddd0`````ccc1`````ddd
2````eee,fff0`````eee1`````fff

3、处理json

var json1={key1:'a',key2:'b',key3:'c'};
//遍历键值对$.each(json1,function(key,value){  console.log(key+'````'+value);})
输出的结果为:key1````a
key2````b
key3````c

4、当二位数组中有json对象时

var arr3=[{name:'n1',age:18},{name:'n2',age:20},{name:'n3',age:22}];$.each(arr3,function(i,val){console.log(i+'`````'+val);   //输出/* 0`````[object Object] 1`````[object Object] i2`````[object Object]*/console.log(val.name); //获取每一个json里面的name值console.log(val["name"]);$.each(val,function(key,val2){console.log(key+'```'+val2);})});

5、处理dom元素

<input name="aaa" type="hidden" value="111" />
<input name="bbb" type="hidden" value="222" />
<input name="ccc" type="hidden" value="333" />
<input name="ddd" type="hidden" value="444"/>$.each($('input:hidden'),function(i,val){console.log(i+'````'+val);/*0````[object HTMLInputElement]1````[object HTMLInputElement]2````[object HTMLInputElement]3````[object HTMLInputElement]*/console.log(val.name+'`````'+val.value);/* aaa`````111bbb`````222ccc`````333ddd`````444*/})

jQuery中还有另外一种写法来遍历元素

   //第一个参数表示索引下标,第二个参数表示当前索引元素$("input:hidden").each(function(i,val){  alert(i);alert(val.name);alert(val.value);       });

转载:https://www.cnblogs.com/zhaixr/p/7069857.html

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/570174.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

【学习笔记】慕课网—Java设计模式精讲 第3章 软件设计七大原则-3-6 迪米特原则(最少知道原则)...

/** * 软件设计七大原则-迪米特原则 学习笔记 * author cnRicky * date 2018.11.10 */迪米特原则&#xff08;最少知道原则&#xff09; 一个对象应该对其他对象保持最少的了解。又叫最少知道原则 迪米特原则主要强调&#xff1a;尽量降低类与类之间的耦合 优点&#xff1a;降…

ORA-01745: 无效的主机/绑定变量名

问题描述&#xff1a;oracle中执行插入语句时报错 解决方案&#xff1a;缺失逗号

to_date , to_char

select sum(t.paid_fee)from order_payment_log twhere to_char(to_date(t.edit_time, yyyy-MM-dd HH24:mi:ss),yyyy-MM-dd) to_char(sysdate, yyyy-MM-dd)and t.paid_state Y; to_char to_char:将日期转换为字符串, to_char(to_date(t.edit_time, yyyy-MM-dd HH24:mi:ss),yy…

Duplicate local variable variable

问题描述&#xff1a;重复定义了变量。

mac/linux 解决启动命令行出现declare问题

问题描述&#xff1a;启动命令行时出现以下现象&#xff0c;如图所示&#xff1a; 问题解决&#xff1a; 在配置环境变量时&#xff0c;在某一行直接单独写了一个export,要么在bashrc中&#xff0c;要么在bash_profile等配置文件中&#xff0c;系统加载环境变量时就出现了上述情…

java 取Blob转为String

InputStream ins null;StringBuffer sb new StringBuffer();try {//blob要转换的Blob字段。ins blob.getBinaryStream();byte[] dis new byte[1024];int len 0;//开始处理流,并且显示while ((len ins.read(dis)) ! -1) {String disp new String(dis,0,len);sb.append(di…

分式递推

对于一类问题&#xff0c;比如是数列&#xff08;递推&#xff09;&#xff0c;然后给你两头的a[1]和a[n],如果含有分式&#xff0c;可以考虑乘过去&#xff0c;和一种二分的题目比较像&#xff0c;可能就会发现递推的规律&#xff0c;而且递推也可以只搞系数&#xff0c;没必要…

Blob和Clob的区别和用法

BLOB和CLOB都是大字段类型&#xff0c; 1、BLOB是按二进制来存储的&#xff0c;通常像图片、文件、音乐等信息就用BLOB字段来存储&#xff0c;先将文件转为二进制再存储进去。 2、CLOB是可以直接存储文字的&#xff0c;像文章或者是较长的文字&#xff0c;就用CLOB存储&#xf…

MVC 模式和模型 2

MVC框架 一个实现 MVC 模式的应用包含模型、视图、控制器 3 个模块&#xff1a; 模型&#xff1a;封装了应用的数据和业务逻辑&#xff0c;负责管理系统业务数据 视图&#xff1a;负责应用的展示 控制器&#xff1a;负责与用户进行交互&#xff0c;接收用户输入、改变模型、调整…

splite和map的结合使用

split() 方法用于把一个字符串分割成字符串数组。 Map 对象保存键值对。任何值(对象或者原始值) 都可以作为一个键或一个值。 作用&#xff1a;分割出来的字符串储存在map对象(key,value)中&#xff0c;便于前后台使用。 Map<String, Object> paramMap new HashMap<S…

Delphi与各数据库数据类型比较

Delphi数据类型与各数据库数据类型对比如下表&#xff0c;如有具体说明见表中脚注&#xff1a; Delphi Type Oracle Types SQL Server Types MySQL Types [1] InterBase Types PostgreSQL Types SQLite Types ftSmallint NUMBER(p, 0)[2] (p < 5) SMALLINT …

mybatis foreach collection

foreach的主要用在构建in条件中&#xff0c;它可以在SQL语句中进行迭代一个集合。 foreach元素的属性主要有 item&#xff0c;index&#xff0c;collection&#xff0c;open&#xff0c;separator&#xff0c;close。 item表示集合中每一个元素进行迭代时的别名&#xff0c;in…

Java中线程池,你真的会用吗?

在《深入源码分析Java线程池的实现原理》这篇文章中&#xff0c;我们介绍过了Java中线程池的常见用法以及基本原理。 在文中有这样一段描述&#xff1a; 可以通过Executors静态工厂构建线程池&#xff0c;但一般不建议这样使用。 关于这个问题&#xff0c;在那篇文章中并没有深…

java (lodop) 打印实例

首先在lodop官网下载相关文件&#xff08;js、css等&#xff09;&#xff1a;http://www.lodop.net/download.html 在下载好的包里 除了html页面 其他的js、css等拷贝到项目的一个目录下、新建个lodop文件夹。 lodop主要接口函数如下&#xff1a; ● PRINT_INIT(strPrintTaskN…

深入了解java虚拟机(JVM) 第四章 对象的创建

一、对象的创建过程 对象的创建过程大致可以分为六步&#xff0c;其中对象的分配尤为重要&#xff1a; 二、对象分配内存 一般来说对象分配内存有两种方式&#xff1a; 第一种是指针碰撞&#xff0c;这是一种比较理想的方式&#xff1a;如果Java堆是绝对规整的&#xff1a;一边…

LODOP使用问题解决汇总

LODOP 打印控件出现问题及修改方法 问题1 、打印网页时页面出现电脑设置的底色如何解决&#xff1f; 解决方法 &#xff1a;按照如下方式添加HTML页面 var strHTML"<body stylemargin:0;background-color: white>"document.getElementById("table02&qu…

[UWP]使用Picker实现一个简单的ColorPicker弹窗

[UWP]使用Picker实现一个简单的ColorPicker弹窗 原文:[UWP]使用Picker实现一个简单的ColorPicker弹窗在上一篇博文《[UWP]使用Popup构建UWP Picker》中我们简单讲述了一下使用Popup构建适用于MVVM框架下的弹窗层组件Picker的过程。但是没有应用实例的话可能体现不出Picker相对于…

java sort排序

问题&#xff1a;对list中的对象中的属性值排序&#xff1a; User对象&#xff1a; public class User {private int id;private String Name; public int getid() {return id;}public void setid(int id) {this.id id;}public String getName() {return Name;}pub…

C# WebRequest.Create 锚点“#”字符问题

背景 在与后台API接口对接时&#xff0c;如将网页Url作为参数请求数据时&#xff0c;如果是锚点参数&#xff0c;则会丢失。 锚点参数 请求通过WebRequest.Create创建一个WebRequest&#xff1a; 1 var uri "https://id.test.xxx.com/api/v1/auth/sso/url?redirectUrlht…

Postgresql 按30分钟、小时、天分组

按30分钟统计&#xff1a; shool_time格式为varchar&#xff0c; 例如 201911050808、201911050820、201911050842 分组后结果&#xff1a; 20191105 0800 20191105 0830 20191105 0900 20191105 0930 注&#xff1a;小于30分钟的按00统计&#xff0c;大于30分钟的按30统计 SEL…