JQuery 兩種方法解決剛創(chuàng)建的元素遍歷不到的問題

更新時間：2016年04月13日 10:16:20 作者：Darren Ji

本文主要介紹兩種方法，處理JQuery遍歷剛創(chuàng)建的元素問題，簡單易用，希望能幫到大家。

剛創(chuàng)建的元素，使用jQuery的each方法來遍歷，有時候會不起作用。
原因不用多說，經(jīng)常使用javascript的人應(yīng)該都會知道，解決方案大致有2種：

1、剛創(chuàng)建完元素的時候，就立刻使用each方法

復(fù)制代碼代碼如下:

$('#btn').on("click", function(){

    $('#div').append("<input type='text' />");

    $("input").each(function(){

        //TODO:

    });

});

2、使用setTimeout方法在頁面加載完成一段時間后再使用each方法

復(fù)制代碼代碼如下:

setTimeout(function(){

    $("input").each(function(){

        //TODO:

    });

},1000);

您可能感興趣的文章:

相關(guān)文章

jQuery的控件及事件(輸入控件及回車事件)使用示例
本文為大家介紹下jQuery的輸入控件及回車事件的應(yīng)用，具體示例代碼如下，感興趣的朋友可以參考下哈，希望對大家有所幫助
2013-07-07
基于jquery日歷價格、庫存等設(shè)置插件
這篇文章主要為大家詳細(xì)介紹了基于jquery日歷價格、庫存等設(shè)置插件，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2017-06-06
jQuery實(shí)現(xiàn)鼠標(biāo)經(jīng)過顯示動畫邊框特效
本文主要介紹了jQuery鼠標(biāo)經(jīng)過顯示動畫邊框特效的實(shí)例代碼。具有很好的參考價值。下面跟著小編一起來看下吧
2017-03-03
jQuery照片伸縮效果不影響其他元素的布局
jQuery照片伸縮效果，不是單純的圖片放大縮小，不影響其他元素的布局,需要的朋友可以參考下
2014-05-05
jQuery實(shí)現(xiàn)簡單的間隔向上滾動效果
這篇文章主要介紹了jQuery實(shí)現(xiàn)簡單的間隔向上滾動效果,實(shí)例分析了jQuery通過animate與setInterval控制dom元素滾動特效的技巧,需要的朋友可以參考下
2015-03-03
基于jquery的監(jiān)控?cái)?shù)據(jù)是否發(fā)生改變
在實(shí)際開發(fā)中經(jīng)常會遇到數(shù)據(jù)沒發(fā)生改變是，由于用戶不小心點(diǎn)擊保存，這樣導(dǎo)致數(shù)據(jù)庫的日志增大；還有數(shù)據(jù)填寫好后，忘了添加保存直接關(guān)閉頁面離開。
2011-04-04
webpack中引用jquery的簡單實(shí)現(xiàn)
下面小編就為大家?guī)硪黄獁ebpack中引用jquery的簡單實(shí)現(xiàn)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2016-06-06
淺談jQuery效果函數(shù)
下面小編就為大家?guī)硪黄猨Query效果函數(shù)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧，祝大家游戲愉快哦
2016-09-09
jQuery的ztree仿windows文件新建和拖拽功能的實(shí)現(xiàn)代碼
zTree 是一個依靠 jQuery 實(shí)現(xiàn)的多功能 “樹插件”。優(yōu)異的性能、靈活的配置、多種功能的組合是 zTree 最大優(yōu)點(diǎn)。這篇文章主要介紹了jQuery的ztree仿windows文件新建和拖拽功能的實(shí)現(xiàn)代碼,需要的朋友可以參考下
2018-12-12
jquery特效幻燈片效果示例代碼
jquery特效中的幻燈片想必大家已不陌生吧，下面為大家分享個比較不錯的幻燈片效果，附有源碼，感興趣的朋友可以學(xué)習(xí)下哈
2013-07-07