兩種方式:
1、直接jQuery.map
//將原數組中每個元素加 4 轉換為一個新數組。$.map( [0,1,2], function(n){ return n + 4;});//結果:[4, 5, 6]//原數組中每個元素擴展為一個包含其本身和其值加 1 的數組,并轉換為一個新數組$.map( [0,1,2], function(n){ return [ n, n + 1 ];});//結果:[0, 1, 1, 2, 2, 3]2、遍歷對象.map
例子:
<form method="post" action=""> <fieldset> <div> <label for="two">2</label> <input type="checkbox" value="2" id="two" name="number[]"> </div> <div> <label for="four">4</label> <input type="checkbox" value="4" id="four" name="number[]"> </div> <div> <label for="six">6</label> <input type="checkbox" value="6" id="six" name="number[]"> </div> <div> <label for="eight">8</label> <input type="checkbox" value="8" id="eight" name="number[]"> </div> </fieldset></form>$(':checkbox').map(function() { return this.id;}).get().join(',');結果:two,four,six,eight
解析:
map()的功能主要有兩步, 第一步就是遍歷,第二步就是替換 。
$( " li " ).map( function(){return $(this).text(); // 注意return關鍵字不可少})map先遍歷,每一項都返回一個text()值 ,然后map會將這些值自動去替換$("li")集合的每一項值,所以 這個時候還是個類數組(因為還是$(" li ")的殼子),不是個真正的數組 。于是后面加個get()操作就變成真正的數組了,于是可以用join()這樣專屬于數組的方法。
以上所述是小編給大家介紹的jQuery中map函數的兩種方式,希望對大家有所幫助,如果大家有任何疑問歡迎給我留言,小編會及時回復大家的,在此也非常感謝大家對武林網網站的支持!
新聞熱點
疑難解答