jQuery的each()方法
jQuery的each()方法是一个非常有用的迭代遍历循环方法,它可以用来遍历数组、对象和类数组(比如jQuery对象)。它接收两个参数,一个是要遍历的对象,一个是回调函数。each()方法会依次调用回调函数,把当前元素的值和索引作为参数传给它。
$.each(array, function(index, value){ // do something });
array是要遍历的数组,index是当前元素的索引,value是当前元素的值。在回调函数中,可以对当前元素进行操作,比如改变它的值,添加新元素等。
使用each()方法遍历数组
我们可以使用each()方法来遍历数组,比如:
var arr = [1, 2, 3, 4, 5]; $.each(arr, function(index, value){ console.log(index + ' : ' + value); });
运行上面的代码,将会输出:
- 0 : 1
- 1 : 2
- 2 : 3
- 3 : 4
- 4 : 5
使用each()方法遍历对象
我们也可以使用each()方法来遍历对象,比如:
var obj = { name: 'John', age: 20, gender: 'male' }; $.each(obj, function(key, value){ console.log(key + ' : ' + value); });
运行上面的代码,将会输出:
- name : John
- age : 20
- gender : male
使用each()方法遍历jQuery对象
我们还可以使用each()方法来遍历jQuery对象,比如:
$('div').each(function(index, element){ console.log(index + ' : ' + $(element).text()); });
运行上面的代码,将会输出每个div元素的索引和文本内容:
- 0 : div1文本内容
- 1 : div2文本内容
- 2 : div3文本内容
- 3 : div4文本内容
以上就是jQuery的each()方法的使用方法,它可以帮助我们非常方便地遍历数组、对象和类数组(比如jQuery对象)。