一、定義和用法
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>
總結
以上就是這篇文章的全部內容了,希望本文的內容對大家的學習或者工作能有所幫助,如果有疑問大家可以留言交流。