快捷導(dǎo)航

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方法

$('#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模擬html下拉多選框的原生實現(xiàn)方法示例
這篇文章主要介紹了jQuery模擬html下拉多選框的原生實現(xiàn)方法,結(jié)合完整實例形式分析了jQuery動態(tài)操作頁面元素實現(xiàn)select下拉框效果的相關(guān)操作技巧,需要的朋友可以參考下
2019-05-05
jquery兩種導(dǎo)入方式之本地導(dǎo)入和線上導(dǎo)入
這篇文章主要給大家介紹了關(guān)于jquery兩種導(dǎo)入方式之本地導(dǎo)入和線上導(dǎo)入的相關(guān)資料,jQuery是一款JavaScript庫,封裝了JavaScript相關(guān)方法調(diào)用,文中通過代碼介紹的非常詳細(xì),需要的朋友可以參考下
2023-11-11
jquery操作checkbox火狐下第二次無法勾選的解決方法
這篇文章主要介紹了jquery操作checkbox火狐下第二次無法勾選問題的解決方法,具有一定的參考價值，感興趣的小伙伴們可以參考一下
2016-10-10
jquery如何根據(jù)值設(shè)置默認(rèn)的選中項
這篇文章主要介紹了jquery如何根據(jù)值設(shè)置默認(rèn)的選中項,需要的朋友可以參考下
2014-03-03
jQuery Validation PlugIn的使用方法詳解
這篇文章主要介紹了jQuery Validation PlugIn的使用方法，需要的朋友可以參考下
2015-12-12
jQuery動畫顯示和隱藏效果實例演示(附demo源碼下載)
這篇文章主要介紹了jQuery動畫顯示和隱藏效果實現(xiàn)方法,并附帶了demo源碼供讀者下載參考,涉及jQuery操作圖片的顯示,隱藏及淡入淡出等效果,需要的朋友可以參考下
2015-12-12
詳解JavaScript異步編程中jQuery的promise對象的作用
這篇文章主要介紹了JavaScript異步編程中jQuery的promise對象的作用,同時也談到了js的Dojo框架中promise模式的實現(xiàn),需要的朋友可以參考下
2016-05-05
jQuery自定義多選下拉框效果
這篇文章主要為大家詳細(xì)介紹了jQuery自定義多選下拉框效果，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2017-06-06
jQuery判斷指定id的對象是否存在的方法
因為jQuery在獲得對象的時候，無論要獲得的對象是否存在，都會返回jQuery對象。所以，以往的 js 判斷是否存在在jQuery是行不通的。
2015-05-05
jQuery Position方法使用和兼容性
position方法獲取匹配元素相對父元素的偏移。接下來通過本文給大家分享jQuery Position方法使用和兼容性的相關(guān)知識，感興趣的朋友一起看看吧
2017-08-08