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-600

单击按钮后:

9c33bf3dc0bb6fb01389a4b311ed6c3.png-600

118b0d72e3777dc3cb02574c23e6676.png-600

067a7a75060e51ebe4d4d8b0290e30c.png-600

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

赞(0) 打赏
未经允许不得转载:0133技术站首页 » jQuery 答疑