jQuery中的遍历

时间:2022-06-12 20:56:37

在原生javascript中我们用的最多的遍历就是for,但是在jQuery里面有个方法比for还有强大,它就是我们经常看到的each()方法,当然了如果考虑性能方面的话还是建议用for来进行元素的遍历操作。

each() 方法规定为每个匹配元素规定运行的函数。

<!DOCTYPE HTML>

<html lang="en-US">

<head>

<meta charset="UTF-8">

<title></title>

</head>

 <script  src="jquery-1.11.1.min.js"></script> 

<script type="text/javascript">

$(function(){

// $("ul li").each( function(index, val) {

// alert(index) /*把每个li都依次弹出,也就是每个Li都执行一次这个函数*/

// });

var lilen=
$("ul li").length;

var li=$("ul li");

for(var i=0;i<lilen;i++){ /*用FOR来代替each方法,执行每个Li都执行函数*/

alert(i)

}

})

</script>





<body>

<ul>

<li>1</li>

<li>2</li>

<li>3</li>

<li>4</li>

<li>5</li>

<li>6</li>

<li>7</li>

<li>8</li>

</ul>

</body>

</html>