JQuery 兩種方法解決剛創(chuàng)建的元素遍歷不到的問(wèn)題
更新時(shí)間：2016年04月13日 10:16:20 作者：Darren Ji
本文主要介紹兩種方法，處理JQuery遍歷剛創(chuàng)建的元素問(wèn)題，簡(jiǎn)單易用，希望能幫到大家。
剛創(chuàng)建的元素，使用jQuery的each方法來(lái)遍歷，有時(shí)候會(huì)不起作用。
原因不用多說(shuō)，經(jīng)常使用javascript的人應(yīng)該都會(huì)知道，解決方案大致有2種：
1、剛創(chuàng)建完元素的時(shí)候，就立刻使用each方法
復(fù)制代碼 代碼如下:
$('#btn').on("click", function(){
$('#div').append("<input type='text' />");
$("input").each(function(){
//TODO:
});
});
2、使用setTimeout方法在頁(yè)面加載完成一段時(shí)間后再使用each方法
復(fù)制代碼 代碼如下:
setTimeout(function(){
$("input").each(function(){
//TODO:
});
},1000);
您可能感興趣的文章:
- jQuery遍歷DOM的父級(jí)元素、子級(jí)元素和同級(jí)元素的方法總結(jié)
- jQuery遍歷DOM元素與節(jié)點(diǎn)方法詳解
- JQuery中使用.each()遍歷元素學(xué)習(xí)筆記
- jQuery基于當(dāng)前元素進(jìn)行下一步的遍歷
- jquery遍歷select元素(實(shí)例講解)
- JS Jquery 遍歷,篩選頁(yè)面元素 自動(dòng)完成(實(shí)現(xiàn)代碼)
- 基于jQuery的遍歷同id元素 并響應(yīng)事件的代碼
- jQuery遍歷DOM節(jié)點(diǎn)操作之filter()方法詳解
- jQuery向上遍歷DOM樹之parents(),parent(),closest()之間的區(qū)別
- 舉例講解jQuery對(duì)DOM元素的向上遍歷、向下遍歷和水平遍歷
相關(guān)文章
本文為大家介紹下jQuery的輸入控件及回車事件的應(yīng)用，具體示例代碼如下，感興趣的朋友可以參考下哈，希望對(duì)大家有所幫助2013-07-07
基于jquery日歷價(jià)格、庫(kù)存等設(shè)置插件
這篇文章主要為大家詳細(xì)介紹了基于jquery日歷價(jià)格、庫(kù)存等設(shè)置插件，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-06-06
jQuery實(shí)現(xiàn)鼠標(biāo)經(jīng)過(guò)顯示動(dòng)畫邊框特效
本文主要介紹了jQuery鼠標(biāo)經(jīng)過(guò)顯示動(dòng)畫邊框特效的實(shí)例代碼。具有很好的參考價(jià)值。下面跟著小編一起來(lái)看下吧2017-03-03
jQuery照片伸縮效果，不是單純的圖片放大縮小，不影響其他元素的布局,需要的朋友可以參考下2014-05-05
jQuery實(shí)現(xiàn)簡(jiǎn)單的間隔向上滾動(dòng)效果
這篇文章主要介紹了jQuery實(shí)現(xiàn)簡(jiǎn)單的間隔向上滾動(dòng)效果,實(shí)例分析了jQuery通過(guò)animate與setInterval控制dom元素滾動(dòng)特效的技巧,需要的朋友可以參考下2015-03-03
基于jquery的監(jiān)控?cái)?shù)據(jù)是否發(fā)生改變
在實(shí)際開發(fā)中經(jīng)常會(huì)遇到數(shù)據(jù)沒(méi)發(fā)生改變是，由于用戶不小心點(diǎn)擊保存，這樣導(dǎo)致數(shù)據(jù)庫(kù)的日志增大；還有數(shù)據(jù)填寫好后，忘了添加保存直接關(guān)閉頁(yè)面離開。2011-04-04
webpack中引用jquery的簡(jiǎn)單實(shí)現(xiàn)
下面小編就為大家?guī)?lái)一篇webpack中引用jquery的簡(jiǎn)單實(shí)現(xiàn)。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-06-06
下面小編就為大家?guī)?lái)一篇jQuery效果函數(shù)。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧，祝大家游戲愉快哦2016-09-09
jQuery的ztree仿windows文件新建和拖拽功能的實(shí)現(xiàn)代碼
zTree 是一個(gè)依靠 jQuery 實(shí)現(xiàn)的多功能 “樹插件”。優(yōu)異的性能、靈活的配置、多種功能的組合是 zTree 最大優(yōu)點(diǎn)。這篇文章主要介紹了jQuery的ztree仿windows文件新建和拖拽功能的實(shí)現(xiàn)代碼,需要的朋友可以參考下2018-12-12
jquery特效中的幻燈片想必大家已不陌生吧，下面為大家分享個(gè)比較不錯(cuò)的幻燈片效果，附有源碼，感興趣的朋友可以學(xué)習(xí)下哈2013-07-07