成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

.each()循環(huán)遍歷子元素，對(duì)比已有元素，避免重復(fù)

dinfer / 2777人閱讀

摘要：以前寫循環(huán)遍歷習(xí)慣性用，但是這次突然覺(jué)著無(wú)從下手了。規(guī)定為每個(gè)匹配元素規(guī)定運(yùn)行的函數(shù)。該字符串可以是直接包含在元素中的文本，或者被包含于子元素中。

以前寫循環(huán)遍歷習(xí)慣性用 for(){}，但是這次突然覺(jué)著無(wú)從下手了。
場(chǎng)景一：左側(cè)九宮格菜單（顯示欄），需要遍歷獲取每個(gè)菜單的id，然后放到數(shù)組里。
下面是要遍歷的HTML代碼：
    

        

            

                 
                 
科室信息

                 
            

            

                 
                 
健康知識(shí)

                 
            

         

    

用for循環(huán)的時(shí)候，得不到想要的效果


for (var i = 0; i < $("#menuGrid .circlew div").length; i++) {
        if ($(this).attr("id") != undefined) {//id為undefined時(shí)，substr報(bào)錯(cuò)
            console.log("ceshi:" + $(this).attr("id").substr(4));
        }
   }




每個(gè)id都輸出了8次，這個(gè)地方我就不知道要怎么樣用for循環(huán)將這些div進(jìn)行遍歷了，真的是基礎(chǔ)不牢固吧，請(qǐng)大家指教一下。
下面是我用each()的實(shí)現(xiàn)方法。
$(selector).each(function(index,element))：規(guī)定為每個(gè)匹配元素規(guī)定運(yùn)行的函數(shù)。


    $("#menuGrid .circlew div").each(function () {
        console.log($(this).attr("id"));
    })


場(chǎng)景二：點(diǎn)擊左側(cè)的加號(hào)，出現(xiàn)右側(cè)編輯欄里沒(méi)有選中的選項(xiàng)，左邊移除不想要的選項(xiàng)到了右邊，再點(diǎn)擊加號(hào)，就需要遍歷右邊已有的所有元素，對(duì)比已有的元素，重復(fù)的不添加（因?yàn)檫@里做的是點(diǎn)擊加號(hào)就需要加載一次一開始沒(méi)有選中的選項(xiàng)）


$("#showMenu .addmenu div").each(function () {
    var RemoveText = $(this).text().trim();//對(duì)比的是div的文本內(nèi)容
    console.log(RemoveText);
    $("#showMenu .addmenu div:contains(" + RemoveText + ")").remove();
})
//這里也涉及到一個(gè)我以前沒(méi)接觸過(guò)的知識(shí)點(diǎn)  :contains 選擇器選取包含指定字符串的元素。
//該字符串可以是直接包含在元素中的文本，或者被包含于子元素中。
//$(":contains(text)")



經(jīng)常與其他元素/選擇器一起使用，來(lái)選擇指定的組中包含指定文本的元素
最終效果圖：

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/52424.html

相關(guān)文章

  • .each()循環(huán)遍歷子元素，對(duì)比已有元素，避免重復(fù)

    摘要：以前寫循環(huán)遍歷習(xí)慣性用，但是這次突然覺(jué)著無(wú)從下手了。規(guī)定為每個(gè)匹配元素規(guī)定運(yùn)行的函數(shù)。該字符串可以是直接包含在元素中的文本，或者被包含于子元素中。 以前寫循環(huán)遍歷習(xí)慣性用 for(){}，但是這次突然覺(jué)著無(wú)從下手了。 場(chǎng)景一：左側(cè)九宮格菜單（顯示欄），需要遍歷獲取每個(gè)菜單的id，然后放到數(shù)組里。 下面是要遍歷的HTML代碼： ...

    浠ラ箍 評(píng)論0 收藏0

  • 讀 zepto 源碼之工具函數(shù)

    摘要：在遍歷的時(shí)候，還對(duì)回調(diào)函數(shù)的返回值進(jìn)行判斷，如果回調(diào)函數(shù)返回，立即中斷遍歷。可以遍歷數(shù)組類數(shù)組或?qū)ο笾械脑?，根?jù)回調(diào)函數(shù)的返回值，將返回值組成一個(gè)新的數(shù)組，并將該數(shù)組扁平化后返回，會(huì)將及排除。 Zepto 提供了豐富的工具函數(shù)，下面來(lái)一一解讀。 源碼版本 本文閱讀的源碼為 zepto1.2.0 $.extend $.extend 方法可以用來(lái)擴(kuò)展目標(biāo)對(duì)象的屬性。目標(biāo)對(duì)象的同名屬性會(huì)被...

    姘擱『 評(píng)論0 收藏0

  • Java面試題

    摘要：近段時(shí)間在準(zhǔn)備實(shí)習(xí)的面試，在網(wǎng)上看到一份面試題，就慢慢試著做，爭(zhēng)取每天積累一點(diǎn)點(diǎn)?，F(xiàn)在每天給自己在面試題編寫的任務(wù)是題，有時(shí)候忙起來(lái)可能就沒(méi)有時(shí)間寫了，但是爭(zhēng)取日更，即使當(dāng)天沒(méi)更也會(huì)在之后的更新補(bǔ)上。 ????近段時(shí)間在準(zhǔn)備實(shí)習(xí)的面試，在網(wǎng)上看到一份面試題，就慢慢試著做，爭(zhēng)取每天積累一點(diǎn)點(diǎn)。????暫時(shí)手頭上的面試題只有一份，題量還是挺大的，有208題，所以可能講的不是很詳細(xì)，只是我自...

    OnlyMyRailgun 評(píng)論0 收藏0

  • JS中可能用得到的全部的排序算法

    本篇有7k+字, 系統(tǒng)梳理了js中常見(jiàn)的12種排序算法。除了基本排序算法，文章還包含了希爾排序、堆排序、桶排序等較為復(fù)雜的排序?qū)崿F(xiàn)，如果喜歡請(qǐng)點(diǎn)贊支持~謝謝. 原文: http://louiszhai.github.io/20... 導(dǎo)讀 排序算法可以稱得上是我的盲點(diǎn), 曾幾何時(shí)當(dāng)我知道Chrome的Array.prototype.sort使用了快速排序時(shí), 我的內(nèi)心是奔潰的(啥是快排, 我只知道...

    verano 評(píng)論0 收藏0

  • jquery最佳實(shí)踐筆記

    摘要：對(duì)比內(nèi)部使用引擎，處理各種選擇器。引擎的選擇順序是從右到左，所以這條語(yǔ)句是先選，然后再一個(gè)個(gè)過(guò)濾出父元素，這導(dǎo)致它比最快的形式大約慢。這條語(yǔ)句與上一條是同樣的情況。 使用最新版本 因?yàn)樾掳姹緯?huì)改進(jìn)性能，還有很多新功能 用對(duì)選擇器 最快的選擇器：id選擇器和元素標(biāo)簽選擇器原因：遇到這些選擇器的時(shí)候，jQuery內(nèi)部會(huì)自動(dòng)調(diào)用瀏覽器的原生方法（比如getElementById()），所以...

    leanxi 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

閱讀需要支付1元查看
<