×

JS中的each()方法怎么用

作者:andy0012019.11.29来源:Web前端之家浏览:24982评论:0
关键词:jseach()

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>

您的支持是我们创作的动力!
温馨提示:本文作者系 ,经Web前端之家编辑修改或补充,转载请注明出处和本文链接:
https://jiangweishan.com/article/jsud8902384902384.html

网友评论文明上网理性发言 已有0人参与

发表评论: