23.each和map函数

<!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>

输出结果:

原文地址:https://www.cnblogs.com/alex-xxc/p/9738818.html