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

資訊專欄INFORMATION COLUMN

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

浠ラ箍 / 1119人閱讀

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

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

        

            

                 
                 
科室信息

                 
            

            

                 
                 
健康知識

                 
            

         

    

用for循環的時候，得不到想要的效果


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循環將這些div進行遍歷了，真的是基礎不牢固吧，請大家指教一下。
下面是我用each()的實現方法。
$(selector).each(function(index,element))：規定為每個匹配元素規定運行的函數。


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


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


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



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

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/95247.html

相關文章

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

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

    dinfer 評論0 收藏0

  • 讀 zepto 源碼之工具函數

    摘要：在遍歷的時候，還對回調函數的返回值進行判斷，如果回調函數返回，立即中斷遍歷?？梢员闅v數組類數組或對象中的元素，根據回調函數的返回值，將返回值組成一個新的數組，并將該數組扁平化后返回，會將及排除。 Zepto 提供了豐富的工具函數，下面來一一解讀。 源碼版本 本文閱讀的源碼為 zepto1.2.0 $.extend $.extend 方法可以用來擴展目標對象的屬性。目標對象的同名屬性會被...

    姘擱『 評論0 收藏0

  • Java面試題

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

    OnlyMyRailgun 評論0 收藏0

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

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

    verano 評論0 收藏0

  • jquery最佳實踐筆記

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

    leanxi 評論0 收藏0

發表評論

0條評論

浠ラ箍

男|高級講師

TA的文章

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