jQuery 遍历 - each() 方法

最新推荐文章于 2023-11-16 22:16:57 发布

原创最新推荐文章于 2023-11-16 22:16:57 发布 · 222 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#js #jQuery 遍历 - each() 方法

js 专栏收录该内容

5 篇文章

订阅专栏

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

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>