jQuery 遍历map()方法详解


Posted in Javascript onNovember 04, 2016

一、定义和用法

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>

总结

以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作能有所帮助,如果有疑问大家可以留言交流。

Javascript 相关文章推荐
js wmp操作代码小结(音乐连播功能)
Nov 08 Javascript
Ext grid 添加右击菜单
Nov 26 Javascript
Javascript中的变量使用说明
May 18 Javascript
js用闭包遍历树状数组的方法
Mar 19 Javascript
瀑布流布局代码一例
Apr 11 Javascript
jquery判断类型是不是number类型的实例代码
Oct 07 Javascript
Angular 2应用的8个主要构造块有哪些
Oct 17 Javascript
BootStrap整体框架之基础布局组件
Dec 15 Javascript
vue绑定设置属性的多种方式(5)
Aug 16 Javascript
详解vue数组遍历方法forEach和map的原理解析和实际应用
Nov 15 Javascript
vue-router重定向和路由别名的使用讲解
Jan 19 Javascript
element-ui上传一张图片后隐藏上传按钮功能
May 22 Javascript
Sortable.js拖拽排序使用方法解析
Nov 04 #Javascript
jQuery图片加载显示loading效果
Nov 04 #Javascript
JavaScript 深层克隆对象详解及实例
Nov 03 #Javascript
jQuery.ajax实现根据不同的Content-Type做出不同的响应
Nov 03 #Javascript
简单学习vue指令directive
Nov 03 #Javascript
Vue.js常用指令汇总(v-if、v-for等)
Nov 03 #Javascript
巧用Vue.js+Vuex制作专门收藏微信公众号的app
Nov 03 #Javascript
You might like
PHP下常用正则表达式整理
2010/10/26 PHP
thinkPHP框架自动填充原理与用法分析
2018/04/03 PHP
Laravel ORM 数据model操作教程
2019/10/21 PHP
js宝典学习笔记(上)
2007/01/10 Javascript
强悍无比的WEB开发好助手FireBug(Firefox Plugin)
2007/01/16 Javascript
js实现时间显示几天前、几小时前或者几分钟前的方法集锦
2015/05/29 Javascript
javascript简单实现等比例缩小图片的方法
2016/07/27 Javascript
利用jquery实现下拉框的禁用与启用
2016/12/07 Javascript
JS验证码实现代码
2017/09/14 Javascript
基于dataset的使用和图片延时加载的实现方法
2017/12/11 Javascript
vue-rx的初步使用教程
2018/09/21 Javascript
jQuery实现网页拼图游戏
2020/04/22 jQuery
layui table 复选框跳页后再回来保持原来选中的状态示例
2019/10/26 Javascript
vue中配置scss全局变量的步骤
2020/12/28 Vue.js
利用Python破解斗地主残局详解
2017/06/30 Python
多个应用共存的Django配置方法
2018/05/30 Python
在PyCharm中批量查找及替换的方法
2019/01/20 Python
Python之NumPy(axis=0 与axis=1)区分详解
2019/05/27 Python
python实现在函数图像上添加文字和标注的方法
2019/07/08 Python
django基于cors解决跨域请求问题详解
2019/08/06 Python
python实现kNN算法识别手写体数字的示例代码
2019/08/16 Python
Python基于QQ邮箱实现SSL发送
2020/04/26 Python
python爬虫---requests库的用法详解
2020/09/28 Python
python 检测nginx服务邮件报警的脚本
2020/12/31 Python
Python从MySQL数据库中面抽取试题,生成试卷
2021/01/14 Python
Appium+Python实现简单的自动化登录测试的实现
2021/01/26 Python
前端H5 Video常见使用场景简介
2020/08/21 HTML / CSS
同步和异步有何异同,在什么情况下分别使用他们
2013/04/09 面试题
地理科学专业毕业生求职信
2013/10/15 职场文书
社区食品安全实施方案
2014/03/28 职场文书
2014年电厂工作总结
2014/12/04 职场文书
教代会开幕词
2015/01/28 职场文书
2015年环卫处个人工作总结
2015/07/27 职场文书
美容院员工规章制度
2015/08/05 职场文书
大学班长竞选稿
2015/11/20 职场文书
win7配置本地ftp服务器的图文教程
2022/08/05 Servers