jQuery - 遍历

最新推荐文章于 2023-05-17 17:16:30 发布

逸川先生

最新推荐文章于 2023-05-17 17:16:30 发布

阅读量201

点赞数

分类专栏：前端学习笔记 Java-我的大学生涯文章标签： jQuery 遍历 each

本文链接：https://blog.csdn.net/qq_38238041/article/details/83053702

版权

Java-我的大学生涯同时被 2 个专栏收录

49 篇文章 3 订阅

订阅专栏

前端学习笔记

20 篇文章 1 订阅

订阅专栏

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<!DOCTYPE html>
<html>
<head>
	<!-- 遍历 -->
	<script type="text/javascript" src="<c:url value='/js/jquery-3.3.1.js'/>"></script>
	<script type="text/javascript">
		$(function(){
			/* 为each按钮添加一个点击事件 */
				//遍历方式1
			$("#each").click(function(){
				$("div").each(function(i,val){
					alert(i+","+$(val).html() );
				});
			}); 
			//遍历方式2
			$("#each2").click(fn_each);
		});
		function fn_each(){
			var arr = [1,3,1,5];
			$.each(arr,function(i,val){
				alert(i+","+val );
			}); 
		}
	</script>
</head>
<body>
	<button id="each">遍历下面的div，拿到里面的值</button><br>
	<button id="each2">遍历一个数组</button>
	<div>111</div>
	<div>222</div>
	<div>333</div>
</body>
</html>

逸川先生

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jQuery - 遍历

&lt;%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%&gt;&lt;%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %&gt;&lt;!DOCTYPE html&amp
复制链接

扫一扫

专栏目录