jQuery的each()方法怎么用?

jQuery中的each()方法用于指定为每个匹配元素运行的函数。返回false可用于及早停止循环,相当于break;返回true可以结束本次循环,相当于continue。

语法:

$(selector).each(function(index, element))

参数:each方法接受单参数function(index, element),这是必需的参数,不可省略。它用于为每个匹配的元素运行,包含两个参数。

● index:它保存选择器元素的索引位置。

● element:它包含当前元素。

示例:使用each()方法显示每个段落元素

<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
</head>
<body style="text-align:center;">
	<h2>jQuery each()方法</h2>
	<button>Click</button>

	<p>Hello M!</p>
	<p>Hello Y!</p>
	<p>Hello C!</p>
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
	<script>
		$(document).ready(function() {
			$("button").click(function() {
				$("p").each(function() {
					alert($(this).text())
				});
			});
		});
	</script>
</body>
</html>

在单击按钮之前:

1202ae30c6934989782444ddb282649.png

单击按钮后:

9c33bf3dc0bb6fb01389a4b311ed6c3.png

118b0d72e3777dc3cb02574c23e6676.png

067a7a75060e51ebe4d4d8b0290e30c.png

以上就是jQuery的each()方法怎么用?的详细内容,更多请关注web前端其它相关文章!

赞(0) 打赏
未经允许不得转载:web前端首页 » jQuery 答疑

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

前端开发相关广告投放 更专业 更精准

联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏