jQuery 遍历 - each() 方法

围巢mmm

于 2019-07-09 13:06:49 发布

阅读量208

点赞数

CC 4.0 BY-SA版权

分类专栏： js 文章标签： js jQuery 遍历 - each() 方法

本文链接：https://blog.youkuaiyun.com/wcfjyx/article/details/95185856

js 专栏收录该内容

5 篇文章

订阅专栏

博客主要介绍了 jQuery 的 each() 遍历方法，通过具体代码示例展示了如何使用该方法输出每个 li 元素的文本，属于前端开发中 jQuery 技术的应用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

jQuery 遍历 - each() 方法

例子:输出每个 li 元素的文本：

$("button").click(function(){
  $("li").each(function(){
    alert($(this).text())
  });
});

具体代码:

<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>

<script type="text/javascript">
$(document).ready(function(){
  $("button").click(function(){
    $("li").each(function(){
      alert($(this).text())
    });
  });
});
</script>

</head>
	<body>
		<button>输出每个列表项的值</button>
		<ul>
			<li>Coffee</li>
			<li>Milk</li>
			<li>Soda</li>
		</ul>
	</body>
</html>