国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

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

dinfer / 2773人閱讀

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

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

        

            

                 
                 
科室信息

                 
            

            

                 
                 
健康知識

                 
            

         

    

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


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




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


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


場景二：點擊左側(cè)的加號，出現(xiàn)右側(cè)編輯欄里沒有選中的選項，左邊移除不想要的選項到了右邊，再點擊加號，就需要遍歷右邊已有的所有元素，對比已有的元素，重復(fù)的不添加（因為這里做的是點擊加號就需要加載一次一開始沒有選中的選項）


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



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

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

轉(zhuǎn)載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/52424.html

相關(guān)文章

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

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

    浠ラ箍 評論0 收藏0

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

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

    姘擱『 評論0 收藏0

  • Java面試題

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

    OnlyMyRailgun 評論0 收藏0

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

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

    verano 評論0 收藏0

  • jquery最佳實踐筆記

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

    leanxi 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<