当前位置：首页 > 资讯 > 技术文档

jQuery 遍历map()方法详解

时间：2020-08-26 05:20 编辑：来源：阅读：
扫一扫，手机访问

摘要：jQuery 遍历map()方法详解

[b]一、定义和用法[/b] [code]map()[/code] 把每个元素通过函数传递到当前匹配集合中，生成包含返回值的新的 jQuery 对象。 [b]二、语法[/b]

.map(callback(index,domElement))

[b]三、详细说明[/b] 由于返回值是 jQuery 封装的数组，使用 [code]get() [/code]来处理返回的对象以得到基础的数组 [b]四、案例：[/b]

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

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

全部评论(0)

上一篇：jquery实现的美女拼图游戏实例
下一篇：基于JAVA中使用Axis发布/调用Webservice的方法详解

资讯排行榜
更多>>