方法语法:map()
map(callback) 为包装集中的每一个元素调用回调函数,并将返回值收集到jQuery对象的实例中。 参数 callback (函数)回调函数,为包装集中的每个元素调用该函数。 比如,下面的代码将页面上所有div元素的id值收集到一个javascript数组中:
代码如下:
再看如下的表单中包含的一组 checkBox 框:
代码如下:
我们可以得到一个用逗号分隔的复选框 ID:
代码如下:
Box').map(function() {
return this.id;
}).get().join();
此调用的结果是字符串, "two,four,six".
在回调函数中,this指向每次迭代中的当前DOM元素。
方法语法:each()
each(iterator) 遍历匹配集里所有的元素,为每一个元素调用传入的迭代函数 iterator (函数)回调函数,为匹配集中的每个元素调用 each()方法也可以用来遍历javascript数组对象甚至单个对象,举个栗子:
代码如下:
这个语句会为传入$()中数组的每个元素调用迭代函数,函数中的this指向单独的数组项。
每次回调函数执行时,会传递当前循环次数作为参数(从0开始计数)。更重要的是,回调函数是在当前DOM元素为上下文的语境中触发的。因此关键字 this 总是指向这个元素。
假设页面上有这样一个简单的无序列表。
代码如下:
你可以选中并迭代这些列表:
代码如下: