码迷,mamicode.com
首页 > 其他好文 > 详细

23.each和map函数

时间:2018-10-03 23:30:08      阅读:180      评论:0      收藏:0      [点我收藏+]

标签:func   meta   jquer   div   元素   spl   head   他也   dex   

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

输出结果:

技术分享图片

23.each和map函数

标签:func   meta   jquer   div   元素   spl   head   他也   dex   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!