美文网首页1024JavaScript学习笔记
jQuery 遍历 - map() 方法

jQuery 遍历 - map() 方法

作者: 圆梦人生 | 来源:发表于2016-11-01 09:38 被阅读51次

来源:http://itssh.cn/post/931.html

定义和用法
map() 把每个元素通过函数传递到当前匹配集合中,生成包含返回值的新的 jQuery 对象。
语法
.map(callback(index,domElement))
详细说明
由于返回值是 jQuery 封装的数组,使用 get() 来处理返回的对象以得到基础的数组

案例:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>jquery map</title>
<script language="javascript" src="../jquery-1.11.1.js"></script>
<script language="javascript">
    $(function(){
        
        //map 遍历数组
        var str = $.map([1, 2, 3], function(n){
            //console.log(n);
            return n;
        }).join();
        //
        console.log(str);
        
        //
        var data = $('#list li').map(function(){
            //console.log($(this).attr('id'));
            return $(this).attr('id');
        }).get().join();
        
        console.log(data);
    });
</script>
</head>
<body>
    
    <div>
        <ul id="list">
            <li id="li1">列表1</li>
            <li id="li2">列表2</li>
            <li id="li3">列表3</li>
            <li id="li4">列表4</li>
            <li id="li5">列表5</li>
        </ul>
    </div>
    
</body>
</html>

效果:


Paste_Image.png

来源:http://itssh.cn/post/931.html

相关文章

网友评论

本文标题:jQuery 遍历 - map() 方法

本文链接:https://www.haomeiwen.com/subject/tucmuttx.html