each的用法

Posted 2020-06-09

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

function(index,element)

必需。为每个匹配元素规定运行的函数。

• index - 选择器的 index 位置
• element - 当前的元素（也可使用 "this" 选择器）

each() 方法规定为每个匹配元素规定运行的函数。如何理解？先看一段带代码

$(function(){
	$(‘.btn1‘).click(function(){
		alert($(‘li‘).text());
	});
	$(‘.btn2‘).click(function(){
		$(‘ul li‘).each(function(){
			alert($(this).text());	
		});
	});
});

html:

	<input type="button" class="btn1" value="按钮1" />
	<input type="button" class="btn2" value="按钮2" />
	<ul>
		<li>1</li>
		<li>2</li>
		<li>3</li>
		<li>4</li>
	</ul>

效果：