jQuery each()小议

Eden很想那个她

Eden很想那个她

2016-02-19 13:45

下面是个jQuery each()小议教程,撑握了其技术要点,学起来就简单多了。赶紧跟着图老师小编一起来看看吧!

代码如下:

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/webkaifa/)(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/webkaifa/)
var arr1 = [ "one", "two", "three", "four", "five" ];
$.each(arr1, function(){
alert(this);
});

输出:one two three four five

代码如下:

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/webkaifa/)(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/webkaifa/)
var arr2 = [[1, 2, 3], [4, 5, 6], [7, 8, 9]]
$.each(arr2, function(i, item){ 参数的名字可以自己定义,each方法会根据第一个参数(arr2)的格式而判断回调函数方法体语法的正确性
alert(item[0]);
});

输出:1 4 7

代码如下:

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/webkaifa/)(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/webkaifa/)
var obj = { one:1, two:2, three:3, four:4, five:5 };
$.each(obj, function(key, val) {
alert(obj[key]);
});

输出:1 2 3 4 5

代码如下:

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/webkaifa/)(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/webkaifa/)
$.each($("input:hidden"), function(){
alert(this.name);
});
$.each($("input:hidden"), function(){
alert(this.value);
});

跳出遍历

代码如下:

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/webkaifa/)(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/webkaifa/)
$(document).ready(
function test()
{ var index=0;
var arr1 = [[1, 4, 3], [4, 6, 6], [7, 20, 9]]
$.each(arr1, function(i,item){
if(i==1)
{
alert("点击继续下次遍历");
return ; //return false ;则跳出遍历
}
alert('索引'+i+'_'+item[0]);
});
})
展开更多 50%)
分享

猜你喜欢

jQuery each()小议

Web开发
jQuery each()小议

jQuery $.each的用法说明

Web开发
jQuery $.each的用法说明

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

模仿jQuery each函数的链式调用

Web开发
模仿jQuery each函数的链式调用

小议jQuery对象中的类数组操作

Web开发
小议jQuery对象中的类数组操作

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

小议局部类

编程语言 网络编程
小议局部类

Each youth will be old 每段青春都会苍老

电脑入门
Each youth will be old  每段青春都会苍老

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

菜鸟防软件类死机有一招

菜鸟防软件类死机有一招

jQuery 前的按键判断代码

jQuery 前的按键判断代码
下拉加载更多内容 ↓