jQuery 遍历的 each() 方法

去山中嘘嘘 2016-09-01 

<!DOCTYPE html>  
<html lang="zh-cn">  
<head>  
<meta charset="UTF-8">  
<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no"> 
<script type="text/javascript" src="jquery-1.10.1.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("button").click(function(){
    $("li").each(function(){
      alert($(this).text())
    });
  });
});
</script>
</head>
<body>
<button>输出每个列表项的值</button>
<ul>
<li>列表一</li>
<li>列表二</li>
<li>列表三</li>
</ul>
</body>
</html>

效果图：

jQuery 遍历的 each() 方法
 

定义和用法

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

提示：返回 false 可用于及早停止循环。

语法

$(selector).each(function(index,element))

参数
描述
function(index,element)

必需。为每个匹配元素规定运行的函数。

    - index - 选择器的 index 位置
    - element - 当前的元素（也可使用 "this" 选择器）


建议 

正确处理循环,循环总是一种比较耗时的操作，如果可以使用复杂的选择器直接选中元素，就不要使用循环，去一个个辨认元素。

javascript原生循环方法for和while，要比jQuery的.each()方法快，应该优先使用原生。

去山中嘘嘘

去山中嘘嘘

相关推荐

小甲鱼Python第030讲文件系统：介绍一个高大上的东西 | 课后测试题及参考答案

# get()返回指定键的值，如果值不在字典中返回default值.# setdefault()和get()类似, 但如果键不存在于字典中，将会添加键并将值设为default. 如遇到文件夹，则进入文件夹继续搜索，程序实现如图：。# 使用OS表达路径更准确

Dimples / 0评论 2020-07-18

Python 爬取51cto博客数据存入MySQL

user=‘root‘, passwd=‘abc123‘,‘user-agent‘: ‘Mozilla/5.0 AppleWebKit/537.36 ‘。for titles, reads, comment, collects, dates in zi

codeAB / 0评论 2020-06-09

jQuery的each可以遍历伪数组

DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>09-静态方法的e

89463661 / 0评论 2020-03-01

Jmeter_正则表达式提取器_提取数组 &amp; For Each 控制器

5.我们获取了10组数据，通过正则提取器，如果使用呢？

jocleyn / 0评论 2020-02-24

for _ in range(n) python里那些奇奇怪怪的语法糖

_ 是占位符， 表示不在意变量的值 只是用于循环遍历n次。其实意思和for each in range是一个意思，_只是一个代词，可以为each， 也可以为其它任意符合规范的符号，只是方便后续引用。

fgleeldq / 0评论 2020-02-20

jQuery中的each()方法

var arr = [1, 3, 5, 7, 9];

80437916 / 0评论 2020-01-23

9 数组2 for-each 增强型循环

double[] myList = {1.0, 2.0, 3.0, 4.0, 5.0};

ELEMENTS爱乐冬雨 / 0评论 2019-12-26

jquery each()循环

<%@ page contentType="text/html;charset=UTF-8" language="java" %><html><head> <title

89463661 / 0评论 2019-12-23

Jquery的each循环和原生循环及html5foreach循环的效率比较

由于Firefox实在是太快了，所以将900000改成11900000，提高两个数量级。所有当前function内部包含的对象都会放入active object中。这条法则用在变量a上就变成了，要找到scope chain 的index=2的那个位置上才能

dengjianbin / 0评论 2014-02-07

jquery的each思考

return false是跳出循环的意思。想要返回值就用result存储后，在循环外面返回。。

摄郎Elements / 0评论 2014-06-02

jquery中each和push详细介绍以及ajax的简单实例

push() 方法可向数组的末尾添加一个或多个元素，并返回新的长度。它直接修改 arrayObject，而不是创建一个新的数组。push() 方法和 pop() 方法使用数组提供的先进后出栈的功能。each()方法能使DOM循环结构简洁，不容易出错。在ja

mapdigit / 0评论 2014-05-29

jQuery跳出each循环：JS报错：illegal break statement

今天在JS中运用jquery中each写一个简单的循环语句时，在执行跳出循环操作时，遇到JS报错：Uncaught SyntaxError: illegal break statement. 非法的break语句，导致执行错误。其中，return fals

89463661 / 0评论 2019-11-07

jquery中each使用return无效

原来在each代码块中return false = breakreturn ture = continue在each里使用 return 给整个函数返回时，其实只是跳出each循环而已。处理办法就是可以添加一个“标记”。添加一个Boolean类型的变量fl

81463166 / 0评论 2019-10-30

jQuery使用each（）方法实现元素的遍历

each方法的语法格式：each。参数callback为function函数，该函数可以接受一个形参index，即遍历元素的序号。this.title="第"+index+"幅风景图片，alt内容是"+this.al

publicTIM / 0评论 2011-11-18

jQuery each() 方法

each() 方法规定为每个匹配元素规定运行的函数。index - 选择器的 index 位置 element - 当前的元素 index 和element参数可以省略。注意没有continue和break方法，直接return true相当于contin

有心就有方向 / 0评论 2016-01-04

jquery的each和JS的for比较

var a = new Array(1000000),e;

86281940 / 0评论 2017-02-24

JavaScript中的数组遍历forEach()与map()方法和jQuery 中的$.each()于$.map()

高级浏览器支持forEach方法语法：forEach和map都支持2个参数：一个是回调函数和上下文；forEach:用来遍历数组中的每一项；这个方法执行是没有返回值的，对原来数组没有影响；数组中有几项，那么传递进去的匿名回调函数就需要执行几次；每一次执行匿

zfjdoreen / 0评论 2018-10-29

jquery的$().each和$.each的区别

在遍历数据时，通常用$.each函数。

momode / 0评论 2018-10-29

JavaScript中的数组遍历forEach()与map()方法和jQuery 中的$.each()于$.map()

console.log;//-->会对原来的数组产生改变；var ary = [12,23,24,42,1];

每天多一点 / 0评论 2018-10-29

jquery的$().each和$.each的区别

在遍历数据时，通常用$.each函数。

publicTIM / 0评论 2018-10-29

JQuery查找子元素find()和遍历集合each的方法积累

var arr = [ "one", "two", "three", "four" ];var arr1 = [ [ 11, 44, 33 ], [ 4, 6, 6 ], [

lylicai / 0评论 2018-02-07

jquery的each和JS的for比较

var a = new Array(1000000),e;

快乐就好 / 0评论 2017-02-24

jQuery 遍历 - each() 方法

定义和用法each() 方法规定为每个匹配元素规定运行的函数。index- 选择器的 index 位置element- 当前的元素<html>

83540198 / 0评论 2016-10-08

jQuery each用法

each函数根据参数的类型实现的效果不完全一致：。this; //这里的this指向每次遍历中Object的当前属性值。p1; p2; //访问附加参数。}, ['参数1', '参数2']);3、遍历对象。name; //na

小肖 / 0评论 2016-09-17

jQuery如何跳出each循环

jQuery的each在遍历元素时很好用。但是有时候我们并不需要遍历所有的元素，在特定条件下就终止遍历或跳过当前遍历。像C、java、javascript等语言这时可以用break或continue来跳出循环或终止本次循环。那么jQuery的each能不能

winnie0 / 0评论 2016-09-12

jquery的$().each,$.each的区别与详解

$.each([{“name”:”limeng”,”email”:”xfjylimeng”},{“name”:”hehe”,”email”:”xfjylimeng”},function(i,n). });参数i为遍历索引值，n为当前的遍历对象.var ar

CodeTerminator / 0评论 2016-09-01

Jquery Ajax each for eq find

$.ajax()返回其创建的XMLHttpRequest对象.最简单的情况下,$.ajax()可以不带任何参数直接使用.<1>:urlString类型,默认值:当前页地址,发送请求的地址.<2>:typeString类型,默认值:&

PHP淮北PHP00网 / 0评论 2016-07-19

jQuery$.each()用法

通过它，你可以遍历对象、数组的属性值并进行处理。//其实arr1为一个二维数组，item相当于取每一个一维数组，

scjcjlu / 0评论 2016-04-08

jQuery each() 方法

});定义和用法each() 方法规定为每个匹配元素规定运行的函数。语法$.each参数描述function必需。index - 选择器的 index 位置 element - 当前的元素 index 和element参数可以省略。注意没有continue

ruoyiqing / 0评论 2016-01-04

JQuery.$.each用法

通过它，你可以遍历对象、数组的属性值并进行处理。//其实arr1为一个二维数组，item相当于取每一个一维数组，

81497307 / 0评论 2015-12-10

jQuery 跳出each循环

break用returnfalse;continue用returnture;var arr = [ "abc", "ef","gggg"];return false;

sunnylinner / 0评论 2015-09-18

jQuery中each的用法之退出循环和结束本次循环

但不同于for循环的是在each里面不能使用break结束循环，也不能使用continue来结束本次循环，想要实现类似的功能就只能用return,

yingzhicai / 0评论 2015-03-10

javascript中的each遍历

//其实arr1为一个二维数组，item相当于取每一个一维数组，下面的例子是获取每一个多框的ID值；例遍对象，同时使用成员名称和变量内容。例遍dom元素，此处以一个input表单元素作为例子。

wbbott / 0评论 2015-02-06

jQuery $.each用法

通过它，你可以遍历对象、数组的属性值并进行处理。}, ['参数1', '参数2']);Js代码var arr = [ "one", "two", "three", "four"

zhaoqidev / 0评论 2014-08-29

jquery的each()详细介绍

each()方法能使DOM循环结构简洁，不容易出错。each()函数封装了十分强大的遍历功能，使用也很方便，它可以遍历一维数组、多维数组、DOM, JSON 等等在javaScript开发过程中使用$each可以大大的减轻我们的工作量。下面提一下each的

xxglh / 0评论 2014-08-29

jQuery本身方法（$.each,$.map,$.contains,$ajax）

$.trim方法用于移除字符串头部和尾部多余的空格。$.contains方法返回一个布尔值，表示某个DOM元素是否为另一个DOM元素的下级元素。$.each方法用于遍历数组和对象，然后返回原始对象。它接受两个参数，分别是数据集合和回调函数。var a =

82244951 / 0评论 2014-08-29

jQuery的each遍历

var arr = [ "one", "two", "three", "four"];//其实arr1为一个二维数组，item相当于取每一个一维数组，下面的例子是获取每一个多框

ruoyiqing / 0评论 2014-07-28

jquery的each思考

});return false是跳出循环的意思。想要返回值就用result存储后，在循环外面返回。。

zhaoqidev / 0评论 2014-06-02

jquery如何退出each循环的?

jquery如何退出each循环的?在回调函数里return false即可，大多数jq的方法都是如此的===================================返回 'false' 将停止循环 。返回 'true' 跳至下一个循环

zhangmingming / 0评论 2014-03-18

Jquery的each循环和原生循环及html5foreach循环的效率比较

</html>由于Firefox实在是太快了，所以将900000改成11900000，提高两个数量级。从js的实现原理上说,每段function在执行的时候，都会生成一个active object和一个scope chain。所有当前funct

fyrlovezzp / 0评论 2014-02-07

jQuery如何退出each循环 和如何退出function函数?

1.在函数内部使用return false是跳出function;2.在each的回调函数中使用return false,是跳出each循环;3.可以使用break.4.使用return true,相当于continue.

海欣海夜 / 0评论 2013-12-20

jQuery 中each()方法的讲解(转)

each()函数是基本上所有的框架都提供了的一个工具类函数，通过它，你可以遍历对象、数组的属性值并进行处理。而jQuery对象提供的each方法则是对jQuery内部的子元素进行逐个调用。} } return obj;}需要特别注意的是each方法中fn的

83500391 / 0评论 2013-09-10

jquery的each()详细介绍

each()方法能使DOM循环结构简洁，不容易出错。each()函数封装了十分强大的遍历功能，使用也很方便，它可以遍历一维数组、多维数组、DOM,JSON等等。在javaScript开发过程中使用$each可以大大的减轻我们的工作量。arr2为一个二维数组

罗惠东 / 0评论 2013-08-19

JQuery函数：each(callback)

each以每一个匹配的元素作为上下文来执行一个函数。意味着，每次执行传递进来的函数时，函数中的this关键字都指向一个不同的DOM元素。而且，在每次执行函数时，都会给函数传递一个表示作为执行环境的元素在匹配的元素集合中所处位置的数字值作为参数。返回 'tr

xiuping0 / 0评论 2013-08-15

jQuery each中的this

要注意二者的不同this是一个dom对象，要使用jQuery的方法必须用jQuery包含，负责只能用dom对象的方法，看下面的例子

careyourself / 0评论 2013-07-13

jQuer each函数 map函数使用简介

var element = $[0] ;我们使用jQuery对象进行遍历操作的时候，可以方便地使用each。});JavaScript经常会遇到数组和对象的批量处理。jQuery给了一层非常良好的封装。,把它变回jquery的符号:jQuery(funct

84483065 / 0评论 2013-05-17

浅谈模板引擎之artTemplate

对于前端开发者来说，有一个绑数据的模板是多么的幸福，不用我多说大家也知道，终于不用在js中一个个字符串拼接一大推元素数据啥的，可以省下我们很多时间。来给大家推荐一款模板引擎artTemplate，会推荐这款模板引擎最主要还是他轻量级，代码简洁，好用，一个t

renpinghao / 0评论 2019-06-21

JQuery中each函数的使用

jQuery.each 返回值:Object 通用遍历方法，可用于例遍对象和数组。callback(可选)Function ：每个成员/元素执行的回调函数。例遍数组，同时使用元素索引和内容。

杉林的HelloWord / 0评论 2013-04-08

jquery的each()详细介绍（转）

each()方法能使DOM循环结构简洁，不容易出错。each()函数封装了十分强大的遍历功能，使用也很方便，它可以遍历一维数组、多维数组、DOM, JSON 等等在javaScript开发过程中使用$each可以大大的减轻我们的工作量。each处理一维数组

89387046 / 0评论 2012-08-31