jQuery中each方法的使用详解

作者：Tel大神时间：2024-04-09 19:47:22　

概述：

each() 方法规定为每个匹配元素规定运行的函数。

返回 false 可用于及早停止循环,相当于break。

返回 true 可以结束本次循环，相当于continue。

语法:

$(selector).each(function(index,element){ })
index - 选择器的 index 位置
element - 当前的元素（也可使用 "this" 选择器）
$(selector).each(function(){ })
$.each(array,function(Key,Value){ })

1.遍历js数组

$(function(){
var array=["aaa","bbb","ccc"];
$.each(array,function(i,j){
alert(i+":"+j);//i表示索引，j代表值
});
})

2.遍历Object对象

var obj = new Object();
obj.name="zs";
$.each(obj, function(name, value) {
alert(this); //this指向当前属性的值,等价于value
alert(name); //name表示Object当前属性的名称
alert(value); //value表示Object当前属性的值
});

3.遍历JSON对象

var json ={"name":"zhangSan","role":"student"};
$.each(json,function(key,value){
alert(key+":"+value);
});

4.遍历由多个JSON对象组成的数组

var json =[{"name":"Amy","role":"student"},{"name":"Tom","role":"student"}];
$.each(json, function(index, value) {
alert("index="+index+"\n" +"name:"+value.name+"\n"+"role:"+value.role+"\n");
});

5.遍历jQuery对象

<head>
<meta charset="utf-8" />
<title>遍历jQuery对象</title>
<script src="js/jquery-1.12.4.js"></script>
<script type="text/javascript">
$(function(){
$("input[type='button']").bind("click",function(){
$("li").each(function(){
alert($(this).text())
});
});
});
</script>
</head>
<body>
<input type="button" value="触发事件"/>
<ul>
<li>first</li>
<li>second</li>
</ul>
</body>

总结

以上所述是小编给大家介绍的jQuery中each方法的使用详解，希望对大家有所帮助，如果大家有任何疑问欢迎给我留言，小编会及时回复大家的！

来源：https://www.cnblogs.com/q924152020/archive/2018/03/16/8586530.html

标签：jquery,each,方法

投稿

jQuery中each方法的使用详解

猜你喜欢

Vue实现自定义下拉菜单功能

Python处理时间日期坐标轴过程详解

vue实现评论列表功能

Python实现转换图片背景颜色代码

python中如何设置list步长

PHP htmlentities()函数用法讲解

更改Mysql root用户密码

Django给admin添加Action的步骤详解

Python sqlite3查询操作过程解析

详解Python的Twisted框架中reactor事件管理器的用法

如何通过阿里云实现动态域名解析DDNS的方法

详解php中的类与对象(继承)

一篇文章教会你PYcharm的用法

SQL列名无效 sql查询列名 sql返回列名

GoLang中拼接字符串性能优化方法详解

python中计算一个列表中连续相同的元素个数方法

python中scipy.stats产生随机数实例讲解

如何使用pyinstaller打包时引入自己编写的库

英文罚抄引发的艺术创意

Python中PyQt5/PySide2的按钮控件使用实例