each()函数封装了十分强大的遍历功能,使用也很方便,它可以遍历一维数组、多维数组、DOM, JSON 等等,这篇文章我们来了解jQuery中each的基本用法,下文有示例供大家参考,有需要的朋友可以看一看,接下来就跟随小编来一起学习一下吧!

本教程操作环境:windows10系统、jquery3.2.1版本、Dell G3电脑。
jquery中each的使用形式是什么
each() 方法规定为每个匹配元素规定运行的函数。
提示:返回 false 可用于及早停止循环。
语法如下:
$(selector).each(function(index,element))
其中参数表示如下:
function(index,element)是必需参数,表示为每个匹配元素规定运行的函数。
index表示选择器的 index 位置,element表示当前的元素(也可使用 "this" 选择器)
示例如下
<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("button").click(function(){
$("li").each(function(){
alert($(this).text())
});
});
});
</script>
</head>
<body>
<button>输出每个列表项的值</button>
<ul>
<li>Coffee</li>
<li>Milk</li>
<li>Soda</li>
</ul>
</body>
</html>输出结果:

点击按钮后输出如下:



以上就是关于jQuery中each的用法的介绍,上述示例具有一定的借鉴价值,有需要的朋友可以了解看看,希望对大家学习jQuery的使用有帮助,想要了解更多可以继续浏览群英网络其他相关的文章。
文本转载自PHP中文网
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:mmqy2019@163.com进行举报,并提供相关证据,查实之后,将立刻删除涉嫌侵权内容。
长按识别二维码并关注微信
更方便到期提醒、手机管理