jQuery 遍歷 - map() 方法

來(lái)源:http://itssh.cn/post/931.html

定義和用法
map() 把每個(gè)元素通過函數(shù)傳遞到當(dāng)前匹配集合中,生成包含返回值的新的 jQuery 對(duì)象。
語(yǔ)法
.map(callback(index,domElement))
詳細(xì)說(shuō)明
由于返回值是 jQuery 封裝的數(shù)組,使用 get() 來(lái)處理返回的對(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>

效果:


Paste_Image.png

來(lái)源:http://itssh.cn/post/931.html

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • Spring Cloud為開發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見模式的工具(例如配置管理,服務(wù)發(fā)現(xiàn),斷路器,智...
    卡卡羅2017閱讀 136,506評(píng)論 19 139
  • 1.JQuery 基礎(chǔ) 改變web開發(fā)人員創(chuàng)造搞交互性界面的方式。設(shè)計(jì)者無(wú)需花費(fèi)時(shí)間糾纏JS復(fù)雜的高級(jí)特性。 1....
    LaBaby_閱讀 1,262評(píng)論 0 1
  • 掃光字是一種比較常見的字體,應(yīng)用也比較多。在添加影片字幕中應(yīng)用掃光字可以讓視頻耳目一新,給觀眾帶來(lái)不一樣的觀影體驗(yàn)...
    louis張璐璐閱讀 601評(píng)論 0 1
  • 《那年花開月正圓》收官后,春杏備受推崇,很多人都喜歡這個(gè)忠誠(chéng)的暖心丫頭。在我看來(lái),春杏給我們上了一場(chǎng)生動(dòng)的職場(chǎng)課。...
    windy天意晚晴閱讀 2,015評(píng)論 5 33
  • 高中真的讓我學(xué)到了好多人生哲學(xué)知識(shí)雖然高中成績(jī)不是特別好,但是班主任的盡職盡責(zé)地照顧我們,真的很讓我感動(dòng),只不過不...
    風(fēng)的樣子閱讀 1,180評(píng)論 0 0

友情鏈接更多精彩內(nèi)容