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>
总结
以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作能有所帮助,如果有疑问大家可以留言交流。
热门推荐
10 八一幼儿祝福语大全简短
11 公司乔迁食堂祝福语简短
12 婚礼结束聚餐祝福语简短
13 儿媳买车妈妈祝福语简短
14 毕业送礼老师祝福语简短
15 同事辞职正常祝福语简短
16 恭贺新婚文案祝福语简短
17 金店立秋祝福语简短英文
18 婆婆高寿祝福语大全简短