jQuery 遍歷map()方法詳解
更新時(shí)間：2016年11月04日 08:46:21 投稿：daisy
大家都知道m(xù)ap()方法主要用來遍歷操作數(shù)組和對(duì)象，這篇文章將給大家詳細(xì)介紹關(guān)于jQuery遍歷map()方法的內(nèi)容，文章給出了詳細(xì)的示例代碼，對(duì)大家的理解和學(xué)習(xí)很有幫助，有需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧。
一、定義和用法
map() 把每個(gè)元素通過函數(shù)傳遞到當(dāng)前匹配集合中，生成包含返回值的新的 jQuery 對(duì)象。
二、語法
.map(callback(index,domElement))
三、詳細(xì)說明
由于返回值是 jQuery 封裝的數(shù)組，使用 get() 來處理返回的對(duì)象以得到基礎(chǔ)的數(shù)組
四、案例：
<!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 遍歷數(shù)組
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>
總結(jié)
以上就是這篇文章的全部?jī)?nèi)容了，希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作能有所幫助，如果有疑問大家可以留言交流。
您可能感興趣的文章:
相關(guān)文章
jQuery構(gòu)造函數(shù)init參數(shù)分析
這篇文章主要介紹了jQuery構(gòu)造函數(shù)init參數(shù)分析,今天主要是分析一下jQuery中init選擇器構(gòu)造函數(shù),處理選擇器函數(shù)中的參數(shù),感興趣的朋友可以了解下2015-05-05
這篇文章主要介紹了jQuery獲取字符串中出現(xiàn)最多的數(shù) 的相關(guān)資料,需要的朋友可以參考下2016-02-02
通過jquery獲取上傳文件名稱、類型和大小的實(shí)現(xiàn)代碼
這篇文章主要介紹了在文件上傳到服務(wù)器之前，我們可以通過jquery來獲取上傳文件的名稱，類型和尺寸大小,需要的朋友可以參考下2018-04-04
zTree jQuery 樹插件的使用(實(shí)例講解)
下面小編就為大家?guī)硪黄獄Tree jQuery 樹插件的使用(實(shí)例講解)。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-09-09
JQuery+Bootstrap 自定義全屏Loading插件的示例demo
這篇文章主要介紹了JQuery+Bootstrap 自定義全屏Loading插件，本文通過示例代碼給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值 ,需要的朋友可以參考下2019-07-07
這篇文章主要介紹了jQuery實(shí)現(xiàn)的瀑布流加載效果,結(jié)合實(shí)例形式分析了jQuery基于數(shù)學(xué)運(yùn)算與事件響應(yīng)實(shí)現(xiàn)頁面瀑布流加載的功能,需要的朋友可以參考下2016-09-09
jQuery提供css()的方法來實(shí)現(xiàn)嵌入式改變?cè)貥邮?，css()方法在使用上具有多樣性。2010-02-02
這篇文章主要介紹了jQuery中:contains選擇器用法,以實(shí)例形式分析了:contains選擇器的功能、定義及匹配給定元素文本時(shí)的使用技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2014-12-12
這篇文章主要為大家詳細(xì)介紹了jQuery圖片切換動(dòng)畫特效,具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-11-11
jquery.cookie實(shí)現(xiàn)的客戶端購(gòu)物車操作實(shí)例
這篇文章主要介紹了jquery.cookie實(shí)現(xiàn)的客戶端購(gòu)物車操作,結(jié)合實(shí)例形式分析了jQuery基于cookie存儲(chǔ)及操作數(shù)據(jù)實(shí)現(xiàn)購(gòu)物車功能的技巧,需要的朋友可以參考下2015-12-12