当前位置: 首页 > 编程笔记 >

jQuery 遍历map()方法详解

富钧
2023-03-14
本文向大家介绍jQuery 遍历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 遍历数组 each 方法详解,包括了jquery 遍历数组 each 方法详解的使用技巧和注意事项,需要的朋友参考一下 JQuery拿取对象的方式 $(‘#id') :通过元素的id $(‘tagName') : 通过元素的标签名 $(‘tagName tagName') : 通过元素的标签名,eg: $(‘ul li') $(‘tagName#id): 通过元素的id

  • 主要内容:jQuery 遍历方法jQuery 遍历方法 方法 描述 add() 把元素添加到匹配元素的集合中 addBack() 把之前的元素集添加到当前集合中 andSelf() 在版本 1.8 中被废弃。addBack() 的别名 children() 返回被选元素的所有直接子元素 closest() 返回被选元素的第一个祖先元素 contents() 返回被选元素的所有直接子元素(包含文本和注释节点) each() 为每个

  • 本文向大家介绍jQuery遍历json中多个map的方法,包括了jQuery遍历json中多个map的方法的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了jQuery遍历json中多个map的方法。分享给大家供大家参考。具体实现方法如下: 希望本文所述对大家的jQuery程序设计有所帮助。

  • 本文向大家介绍js遍历map javaScript遍历map的简单实现,包括了js遍历map javaScript遍历map的简单实现的使用技巧和注意事项,需要的朋友参考一下 js遍历map javaScript遍历map的简单实现 这样会把map给遍历掉,显示在浏览器上的控制器里。 以上这篇js遍历map javaScript遍历map的简单实现就是小编分享给大家的全部内容了,希望能给大家一个参

  • 本文向大家介绍java 遍历Map的几种方法总结,包括了java 遍历Map的几种方法总结的使用技巧和注意事项,需要的朋友参考一下 一、迭代key&value 第一种方式:迭代entrySet 1.方法一 2.方法二 第二种方式:迭代keySet 3.方法三 4.方法四 5.小结   注意:     遍历Map类集合KV,推荐使用entrySet而不是keySet   原因:     keySet

  • 本文向大家介绍jQuery遍历json的方法分析,包括了jQuery遍历json的方法分析的使用技巧和注意事项,需要的朋友参考一下 本文实例分析了jQuery遍历json的方法。分享给大家供大家参考,具体如下: ajax请求: 返回的内容在success的函数里面,所有的遍历操作都是在这里面操作的: for循环: for in 循环: 更多关于jQuery相关内容感兴趣的读者可查看本站专题:《jQ