Jquery中的each方法怎么用
发布时间：2023-05-16 10:40:48
Jquery中的each()方法是一个迭代器，用于将一组元素或者对象集合中的每个元素或属性进行迭代，并对每个元素或属性进行处理。each()方法可以使用回调函数对元素或属性执行操作，或者使用函数缩写语法来代替回调函数。
语法：
$().each(function(index,element))
参数：
函数回调函数：是每个匹配元素执行的函数，该函数的参数分别为当前元素的索引值和当前元素的DOM对象或jQuery对象。
例子：
我们可以使用each()方法来迭代一个数组，然后对数组元素执行操作。
HTML：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>jQuery each() Method Example</title>
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
</head>
<body>
<h2>JavaScript Array</h2>
<p id="demo"></p>
<script>
var colors=["red","green","blue","yellow"];
$.each(colors,function(index,value){
$("#demo").append(value + " ");
});
</script>
</body>
</html>
这段代码首先定义了一个包含四个字符串的数组colors，然后使用each()方法迭代数组中的每个元素，并将其添加到页面段落标签中。
注意：
1.每个匹配元素都将执行回调函数中的操作。
2.回调函数的 个参数是当前元素的索引值。在本例中，它是0、1、2和3。
3.回调函数的第二个参数是当前元素的值。在本例中，它是分配给变量value的字符串值。