JQuery 两种方法解决刚创建的元素遍历不到的问题


Posted in Javascript onApril 13, 2016

刚创建的元素,使用jQuery的each方法来遍历,有时候会不起作用。
原因不用多说,经常使用javascript的人应该都会知道,解决方案大致有2种:

1、刚创建完元素的时候,就立刻使用each方法

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

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

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

        //TODO:

    });

});

2、使用setTimeout方法在页面加载完成一段时间后再使用each方法

setTimeout(function(){

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

        //TODO:

    });

},1000);
Javascript 相关文章推荐
JS格式化数字金额用逗号隔开保留两位小数
Oct 18 Javascript
js动态删除div元素基本思路及实现代码
May 08 Javascript
JavaScript中的各种操作符使用总结
May 26 Javascript
Angular2使用Augury来调试Angular2程序
May 21 Javascript
Vue.js组件通信的几种姿势
Oct 23 Javascript
详解使用vue-cli脚手架初始化Vue项目下的项目结构
Mar 08 Javascript
在 Linux/Unix 中不重启 Vim 而重新加载 .vimrc 文件的流程
Mar 21 Javascript
Vue.js组件高级特性实例详解
Dec 24 Javascript
Angular请求防抖处理第一次请求失效问题
May 17 Javascript
jQuery实现文本显示一段时间后隐藏的方法分析
Jun 20 jQuery
原生javascript实现类似vue的数据绑定功能示例【观察者模式】
Feb 24 Javascript
JavaScript实现网页计算器功能
Oct 29 Javascript
更高效的使用JQuery 这里总结了8个小技巧
Apr 13 #Javascript
深入理解关于javascript中apply()和call()方法的区别
Apr 12 #Javascript
javascript中去除数组重复元素的实现方法【实例】
Apr 12 #Javascript
Bootstrap每天必学之折叠
Apr 12 #Javascript
JavaScript几种数组去掉重复值的方法推荐
Apr 12 #Javascript
学习使用bootstrap基本控件(table、form、button)
Apr 12 #Javascript
如何高效率去掉js数组中的重复项
Apr 12 #Javascript
You might like
php加水印的代码(支持半透明透明打水印,支持png透明背景)
2013/01/17 PHP
浅谈php+phpStorm+xdebug配置方法
2015/09/17 PHP
Adnroid 微信内置浏览器清除缓存
2016/07/11 PHP
php使用array_chunk函数将一个数组分割成多个数组
2018/12/05 PHP
用javascript实现给图片加链接
2007/08/15 Javascript
ppk谈JavaScript style属性
2008/10/10 Javascript
js限制文本框只能输入数字(正则表达式)
2012/07/15 Javascript
javascript中window.event事件用法详解
2012/12/11 Javascript
Javascript中自动切换焦点实现代码
2012/12/15 Javascript
jQuery的each终止或跳过示例代码
2013/12/12 Javascript
基于jquery fly插件实现加入购物车抛物线动画效果
2016/04/05 Javascript
js实现4个方向滚动的球
2017/03/06 Javascript
Restify中接入Socket.io报Error:Can’t set headers的错误解决
2017/03/28 Javascript
浅谈vue中使用图片懒加载vue-lazyload插件详细指南
2017/10/23 Javascript
浅谈高大上的微信小程序中渲染html内容—技术分享
2018/10/25 Javascript
js实现黑白div块画空心的图形
2018/12/13 Javascript
angular组件间传值测试的方法详解
2020/05/07 Javascript
在Windows系统上搭建Nginx+Python+MySQL环境的教程
2015/12/25 Python
Python科学计算之NumPy入门教程
2017/01/15 Python
TensorFlow实现Logistic回归
2018/09/07 Python
Python tkinter的grid布局及Text动态显示方法
2018/10/11 Python
对pandas的行列名更改与数据选择详解
2018/11/12 Python
python实现拉普拉斯特征图降维示例
2019/11/25 Python
浅谈numpy中np.array()与np.asarray的区别以及.tolist
2020/06/03 Python
CSS的background属性及CSS3的背景图片设置总结
2016/06/13 HTML / CSS
全球领先的各类汽车配件零售商:Advance Auto Parts
2016/08/26 全球购物
澳洲在线厨具商店:Kitchen Style
2018/05/05 全球购物
伦敦剧院门票:From The Box Office
2018/06/30 全球购物
Everlast官网:拳击、综合格斗和健身相关的体育用品
2020/08/03 全球购物
JBL加拿大官方商店:扬声器、耳机等
2020/10/23 全球购物
《雨霖铃》听课反思
2014/02/13 职场文书
主题党日活动总结
2014/07/08 职场文书
收款委托书
2014/10/14 职场文书
2014年学习委员工作总结
2014/11/14 职场文书
工作态度检讨书范文
2015/05/06 职场文书
【海涛教你打DOTA】剑圣第一人称视角解说
2022/04/01 DOTA