Jquery中的$().each() 方法

时间:2022-05-31 08:29:20

先举例子,

输出每个 li 元素的文本:

 <html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
</head>
<body>
<button>输出每个列表项的值</button>
<ul>
<li>Coffee</li>
<li>Milk</li>
<li>Soda</li>
</ul>
</body>
<script type="text/javascript">
$(document).ready(function(){
$("button").click(function(){
$("li").each(function(){
alert($(this).text())
});
});
});
</script> </html>

语法:
  $(selector).each(function(index,element))

说明: function(index,element)

其中function函数为是必需的,它为每一个匹配元素规定了运行的函数

index为选择器的位置,element指向当前的元素(也可以使用“this”选择器)。