jQuery each()小议


Posted in Javascript onMarch 18, 2010
var arr1 = [ "one", "two", "three", "four", "five" ]; 
$.each(arr1, function(){ 
alert(this); 
});

输出:one two three four five
var arr2 = [[1, 2, 3], [4, 5, 6], [7, 8, 9]] 
$.each(arr2, function(i, item){ 参数的名字可以自己定义,each方法会根据第一个参数(arr2)的格式而判断回调函数方法体语法的正确性 
alert(item[0]); 
});

输出:1 4 7
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
$.each($("input:hidden"), function(){ 
alert(this.name); 
}); 
$.each($("input:hidden"), function(){ 
alert(this.value); 
});

跳出遍历
$(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]); 
}); 
})
Javascript 相关文章推荐
使两个iframe的高度与内容自适应,且相等
Nov 20 Javascript
基于Jquery插件开发之图片放大镜效果(仿淘宝)
Nov 19 Javascript
关于在IE下的一个安全BUG --可用于跟踪用户的系统鼠标位置
Apr 17 Javascript
实例讲解jquery与json的结合
Jan 07 Javascript
js编写一个简单的产品放大效果代码
Jun 27 Javascript
JavaScript优化以及前段开发小技巧
Feb 02 Javascript
用react-redux实现react组件之间数据共享的方法
Jun 08 Javascript
基于jQuery使用Ajax动态执行模糊查询功能
Jul 05 jQuery
layer父页获取弹出层输入框里面的值方法
Sep 02 Javascript
jQuery设置下拉框显示与隐藏效果的方法分析
Sep 15 jQuery
vue flex 布局实现div均分自动换行的示例代码
Aug 05 Javascript
Vue中避免滥用this去读取data中数据
Mar 02 Vue.js
jquery ajax执行后台方法
Mar 18 #Javascript
jQuery中与toggleClass等价的程序段 以及未来学习的方向
Mar 18 #Javascript
javascript 验证日期的函数
Mar 18 #Javascript
12个非常有创意的JavaScript小游戏
Mar 18 #Javascript
JQuery 插件模板 制作jquery插件的朋友可以参考下
Mar 17 #Javascript
jquery 简单图片导航插件jquery.imgNav.js
Mar 17 #Javascript
Array.prototype.slice.apply的使用方法
Mar 17 #Javascript
You might like
使用配置类定义Codeigniter全局变量
2014/06/12 PHP
php删除文本文件中重复行的方法
2015/04/28 PHP
PHP使用trim函数去除字符串左右空格及特殊字符实例
2016/01/07 PHP
jquery修改网页背景颜色通过css方法实现
2014/06/06 Javascript
jQuery简单实现日历的方法
2015/05/04 Javascript
开启Javascript中apply、call、bind的用法之旅模式
2015/10/28 Javascript
jQuery操作动态生成的内容的方法
2016/05/28 Javascript
全面解析jQuery $(document).ready()和JavaScript onload事件
2016/06/08 Javascript
深入浅析search 搜索框的写法
2016/08/02 Javascript
Bootstrap基本插件学习笔记之Tooltip提示工具(18)
2016/12/08 Javascript
node.js程序作为服务并在windows下开机自启动(用forever)
2017/03/29 Javascript
jQuery树插件zTree使用方法详解
2017/05/02 jQuery
基于JavaScript实现淘宝商品广告效果
2017/08/10 Javascript
React应用中使用Bootstrap的方法
2017/08/15 Javascript
Vue+webpack项目基础配置教程
2018/02/12 Javascript
微信小程序实现复选框效果
2018/12/28 Javascript
实例讲解vue源码架构
2019/01/24 Javascript
[02:08:58]2014 DOTA2国际邀请赛中国区预选赛 Ne VS CIS
2014/05/22 DOTA
Python对象的深拷贝和浅拷贝详解
2014/08/25 Python
Python中实现结构相似的函数调用方法
2015/03/10 Python
Tensorflow 合并通道及加载子模型的方法
2018/07/26 Python
python pandas模块基础学习详解
2019/07/03 Python
关于python字符串方法分类详解
2019/08/20 Python
pycharm 复制代码出现空格的解决方式
2021/01/15 Python
Python 将代码转换为可执行文件脱离python环境运行(步骤详解)
2021/01/25 Python
如何用 Python 制作一个迷宫游戏
2021/02/25 Python
python绘制汉诺塔
2021/03/01 Python
用HTML5制作一个简单的弹力球游戏
2015/05/12 HTML / CSS
读书小明星事迹材料
2014/05/03 职场文书
刑事辩护授权委托书
2014/09/13 职场文书
2014年党风廉政建设工作总结
2014/11/19 职场文书
机关单位工作失职检讨书
2014/11/20 职场文书
2015年父亲节活动总结
2015/02/12 职场文书
平凡的世界读书笔记
2015/06/25 职场文书
原生JavaScript实现简单五子棋游戏
2021/06/28 Javascript
教你修复 Win11应用商店加载空白问题
2021/12/06 数码科技