Jquery中的$.each获取各种返回类型数据的使用方法

   each()方法能使DOM循环结构简洁,不容易出错。each()函数封装了十分强大的遍历功能,使用也很方便,它可以遍历一维数组、多维数组、DOM, JSON 等等,在javaScript开发过程中使用$each可以大大的减轻我们的工作量。

1
2
3
4

var arr = [ "one", "two", "three", "four"]; 
$.each(arr, function(){ 
alert(this); 
});

  上面这个each输出的结果分别为:one,two,three,four

1
2
3
4
5
6
7
8
9

var arr = [ "aaa", "bbb", "ccc" ]; 
$.each(arr, function(i,a){ 
alert(i); // i 是循环的序数
alert(a); // a 是值
}); 
var arr1 = [[1, 4, 3], [4, 6, 6], [7, 20, 9]] 
$.each(arr1, function(i, item){ 
alert(item[0]); 
});

  其实arr1为一个二维数组,item相当于取每一个一维数组,

  item[0]相对于取每一个一维数组里的第一个值

  所以上面这个each输出分别为:1 4 7

1
2
3
4
5
6

var obj = { one:1, two:2, three:3, four:4}; 
$.each(obj, function(key, val) { 
alert(obj[key]);
alert(key); //键
alert(val); //值
});

  输出结果为:1 2 3 4

时间: 2024-11-01 21:08:03

Jquery中的$.each获取各种返回类型数据的使用方法的相关文章

Jquery中的$.each获取各种返回类型数据的使用方法_jquery

var arr = [ "one", "two", "three", "four"]; $.each(arr, function(){ alert(this); }); 上面这个each输出的结果分别为:one,two,three,four var arr = [ "aaa", "bbb", "ccc" ]; $.each(arr, function(i,a){ al

jQuery Ajax和getJSON获取后台普通json数据和层级json数据用法分析_jquery

本文实例讲述了jQuery Ajax和getJSON获取后台普通json数据和层级json数据用法.分享给大家供大家参考,具体如下: 运行效果截图如下: 具体代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="h

JQuery中两个ul标签的li互相移动实现方法_jquery

本文实例讲述了JQuery中两个ul标签的li互相移动实现方法.分享给大家供大家参考.具体实现方法如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"

模拟登录-java模拟登陆为什么要将程序反复运行好几次才能获取到返回的数据

问题描述 java模拟登陆为什么要将程序反复运行好几次才能获取到返回的数据 我用MyEcplise工具Java语言做的模拟登录,在访问成功之后将Cookie放到了获取成绩的代码中,但是在获取成绩的时候会有问题.也就是每当运行的时候就会返回 //初始化函数 function init(){ document.form.action='/logout.do'; document.form.target = "_top"; document.form.submit(); } setTimeo

jquery的ajax异步请求接收返回json数据实例_jquery

jquery的ajax异步请求接收返回json数据方法设置简单,一个是服务器处理程序是返回json数据,另一种就是ajax发送设置的datatype设置为jsonp格式数据或json格式都可以. 代码示例如下: 复制代码 代码如下: $('#send').click(function () {     $.ajax({         type : "GET",         url : "a.php",         dataType : "json

JQuery中两个ul标签的li互相移动实现方法

  本文实例讲述了JQuery中两个ul标签的li互相移动实现方法.分享给大家供大家参考.具体实现方法如下: ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 <!DOCTYPE html PUBLIC "-//W3C//DTD

soapui-soapUI中的groovy获取jn格式的数据

问题描述 soapUI中的groovy获取jn格式的数据 我是想获取到如下response中sessionId值 { "message": "OK", "status": 2000000, "data": { "expire": 1433292870907, "sessionId": "64a866105bb0926c6a5371ad2bf71ca4", "

struts1中如何从后台接收返回的数据,根据数据弹窗显示,但是不刷新页面

问题描述 struts1中如何从后台接收返回的数据,根据数据弹窗显示,但是不刷新页面 我用的是struts1框架,jsp中用表单提交的数据,然后在提交后页面根据后台的返回值弹窗提示并刷新页面. 现在我想让他只提示不刷新,有什么好方法,穿的数据较多,就不想用ajax了 解决方案 iframe可以在一定程度上替代ajax,试试? 解决方案二: [asp.net小札记]页面后台Post数据并接收返回数据 解决方案三: javascript利用return false 试试看 你这需求写的不明显

jquery捕捉回车键及获取checkbox值与异步请求的方法_jquery

本文实例讲述了jquery捕捉回车键及获取checkbox值与异步请求的方法.分享给大家供大家参考,具体如下: 1.jquery捕捉回车键: $("html").die().live("keydown",function(event){ if(event.keyCode==13){ //这里添加要处理的逻辑 } }); 2.jquery获得多个选中的checkbox值: $('input[type="checkbox"][name="t