jQuery 遍历map()方法详解
一、定义和用法
map()把每个元素通过函数传递到当前匹配集合中,生成包含返回值的新的jQuery对象。
二、语法
.map(callback(index,domElement))
三、详细说明
由于返回值是jQuery封装的数组,使用get()来处理返回的对象以得到基础的数组
四、案例:
<!DOCTYPEhtml> <html> <head> <metacharset="utf-8"/> <title>jquerymap</title> <scriptlanguage="javascript"src="../jquery-1.11.1.js"></script> <scriptlanguage="javascript"> $(function(){ //map遍历数组 varstr=$.map([1,2,3],function(n){ //console.log(n); returnn; }).join(); // console.log(str); // vardata=$('#listli').map(function(){ //console.log($(this).attr('id')); return$(this).attr('id'); }).get().join(); console.log(data); }); </script> </head> <body> <div> <ulid="list"> <liid="li1">列表1</li> <liid="li2">列表2</li> <liid="li3">列表3</li> <liid="li4">列表4</li> <liid="li5">列表5</li> </ul> </div> </body> </html>
总结
以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作能有所帮助,如果有疑问大家可以留言交流。