jQuery 遍历map()方法详解
更新时间：2016年11月04日 08:46:21 投稿：daisy
大家都知道map()方法主要用来遍历操作数组和对象，这篇文章将给大家详细介绍关于jQuery遍历map()方法的内容，文章给出了详细的示例代码，对大家的理解和学习很有帮助，有需要的朋友们下面来一起学习学习吧。
一、定义和用法
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>
总结
以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者工作能有所帮助，如果有疑问大家可以留言交流。
相关文章
jquery实现（textarea）placeholder自动换行
本文主要对jquery如何实现（textarea） placeholder自动换行的方法、思路进行介绍，下面就跟小编一起来看下吧2016-12-12
这篇文章主要为大家详细介绍了Bootstrap+Jquery实现日历效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-08-08
这篇文章主要介绍了jQuery实现页面下拉100像素出现悬浮窗口的方法,涉及jQuery事件监听及针对页面元素的判定与动态操作技巧,需要的朋友可以参考下2016-09-09
下面小编就为大家带来一篇jquery之别踩白块游戏的简单实现。小编觉得挺不错的，现在就分享给大家，也给大家做个参考，一起跟随小编过来看看吧2016-07-07
JQuery中关于jquery.js与jquery.min.js的比较探讨
jquery-1.4.2.min.js是优化的，而query-1.4.2.js是易于开发着阅读的，具体详解祥看本文，希望对你有所帮助2013-05-05
jquery中的$(document).ready()使用小结
本篇文章主要是对jquery中的$(document).ready()使用方法进行了详细的总结介绍，需要的朋友可以过来参考下，希望对大家有所帮助2014-02-02
这篇文章主要介绍了jquery与js实现全选功能的区别,需要的朋友可以参考下2017-06-06
这篇文章主要介绍了jQuery 禁止表单用户名、密码自动填充功能,需要的朋友可以参考下2017-10-10
这篇文章主要介绍了jQuery中:only-child选择器用法,实例分析了:only-child选择器的功能、定义及匹配父元素的唯一子元素使用技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-01-01
这篇文章主要介绍了如何基于jQuery实现五角星评分,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2020-09-09
最新评论