Jquery遍历数组之$().each()方法和$.each()方法

时间:2023-03-09 01:07:52
Jquery遍历数组之$().each()方法和$.each()方法

前几天面试碰到了一个笔试问题:用jquery变了数组。

总结一下用jquery遍历数组的两种方法:

一、$().each()方法

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Jquery遍历数组</title>
<script type="text/javascript" src="./js/jquery-1.8.3.min.js" ></script>

<script type="text/javascript">
$(document).ready(function(){

var arr=["aaa","bbb","ccc"];

  $(arr).each(function(i,value){//arr为要遍历的数组,i为循环变量,value为数组下标为i的值

alert(i+"======"+value);

});

});

</script>
</head>
<body>

</body>

上面的代码结果是:当页面加载时依次弹出:

0======aaa

1======bbb

2======ccc

二、$.each()方法:

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Jquery遍历数组</title>
<script type="text/javascript" src="./js/jquery-1.8.3.min.js" ></script>

<script type="text/javascript">
$(document).ready(function(){

var arr2=["a2","b2","c2"];

  $.each(arr2,function(i,n){//arr2为要遍历的数组,i为循环变量,n为数组下标为i的值

alert(i+"======"+n);

});

});

</script>
</head>
<body>

</body>

上面的代码结果是:当页面加载时依次弹出:

0======a2

1======b2

2======c2