<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> <script src="jquery-3.3.1.min.js"></script> <script> $(function () { //each方法跟for循环实现的效果是一样的 $("li").each(function (index,ele) { var currentTxt = $(ele).text();//获取当前的文本 $(ele).text(currentTxt+index); }) //全局的each方法,给jQuery对象加一个each（），arr是数组，index和ele是数组里元素的属性 //$.each(arr, function (index,ele) {})这个方法效果跟上面的是一样的 $.each($("li"),function (index,ele) { var currentTxt = $(ele).text();//获取当前的文本 $(ele).text(currentTxt+index); }) //map函数跟each函数是差不多的，就是map的参数和each的参数是反的，map函数会有返回值，返回每一个函数执行的结果 //他也有全局的map方法，跟each一样 var arr = $("li").map(function (ele,index) { return index;//返回你想获得的值 }) }) </script> </head> <body> <ul> <li>我是</li> <li>我是</li> <li>我是</li> </ul> </body> </html>
输出结果：
