jQuery 遍歷map()方法詳解
一、定義和用法
map()
把每個元素通過函數(shù)傳遞到當前匹配集合中,生成包含返回值的新的 jQuery 對象。
二、語法
.map(callback(index,domElement))
三、詳細說明
由于返回值是 jQuery 封裝的數(shù)組,使用 get()
來處理返回的對象以得到基礎的數(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>
總結
以上就是這篇文章的全部內(nèi)容了,希望本文的內(nèi)容對大家的學習或者工作能有所幫助,如果有疑問大家可以留言交流。
相關文章
jQuery動畫效果-fadeIn fadeOut淡入淺出示例代碼
jQuery動畫效果淡入淺出想必大家都有見到過吧,其實很很簡單,通過fadeIn fadeOut方法便可輕松實現(xiàn),具體如下,喜歡的朋友可以參考下,希望對大家有所幫助2013-08-08jquery 實現(xiàn)checkbox全選,反選,全不選等功能代碼(奇數(shù))
jquery 實現(xiàn)全選,反選,全不選等功能,下面直接以例子進行說明,需要的朋友可以參考下2012-10-10jquery異步調用頁面后臺方法‏(asp.net)
給出了兩個簡單的例子,無參數(shù)的和有參數(shù)的,返回的都是json數(shù)據(jù)。2011-03-03基于jQuery實現(xiàn)圖片推拉門動畫效果的兩種方法
本文給大家分享兩種方法實現(xiàn)''推拉門''動畫效果也可以稱作是手風琴效果,具體實現(xiàn)方法大家通過本文一起學習吧2017-08-08AJAX和jQuery動態(tài)加載數(shù)據(jù)的實現(xiàn)方法
本文給大家介紹使用ajax和jquery動態(tài)加載數(shù)據(jù)的實現(xiàn)方法,使用jQuery可以簡化這個過程。下面通過實例代碼給大家介紹下,需要的的朋友參考下吧2016-12-12Jquery的Tabs內(nèi)容輪換效果實現(xiàn)代碼,幾行搞定
本篇文章主要是對Jquery的Tabs內(nèi)容輪換效果的實現(xiàn)代碼進行了介紹。幾行代碼輕松搞定2014-02-02