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 相关文章推荐
javascript 正则替换 replace(regExp, function)用法
May 22 Javascript
form表单中去掉默认的enter键提交并绑定js方法实现代码
Apr 01 Javascript
JS获取图片实际宽高及根据图片大小进行自适应
Aug 11 Javascript
jQuery选择器源码解读(八):addCombinator函数
Mar 31 Javascript
JS获取文件大小方法小结
Dec 08 Javascript
学习使用AngularJS文件上传控件
Feb 16 Javascript
基于javascript实现按圆形排列DIV元素(一)
Dec 02 Javascript
node.js中实现kindEditor图片上传功能的方法教程
Apr 26 Javascript
jQuery实现拖动效果的实例代码
Jun 25 jQuery
javascript流程控制语句集合
Sep 18 Javascript
JS将指定的某个字符全部转换为其他字符实例代码
Oct 13 Javascript
VUE递归树形实现多级列表
Jul 15 Vue.js
更高效的使用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迅雷、快车、旋风下载专用链转换代码
2010/06/15 PHP
深入解析PHP中的(伪)多线程与多进程
2013/07/01 PHP
浅析php过滤html字符串,防止SQL注入的方法
2013/07/02 PHP
PHP基础知识介绍
2013/09/17 PHP
PHP 二维数组根据某个字段排序的具体实现
2014/06/03 PHP
ThinkPHP打开验证码页面显示乱码的解决方法
2014/12/18 PHP
smarty模板引擎基础知识入门
2015/03/30 PHP
php批量删除操作(数据访问)
2017/05/23 PHP
TNC vs BOOM BO3 第一场2.13
2021/03/10 DOTA
javascript级联下拉列表实例代码(自写)
2013/05/10 Javascript
jQuery+css3实现Ajax点击后动态删除功能的方法
2015/08/10 Javascript
限制只能输入数字的实现代码
2016/05/16 Javascript
jQuery操作动态生成的内容的方法
2016/05/28 Javascript
Laydate时间组件在火狐浏览器下有多时间输入框时只能给第一个输入框赋值的解决方法
2016/08/18 Javascript
jQuery插件echarts实现的多柱子柱状图效果示例【附demo源码下载】
2017/03/04 Javascript
AngularJS实现的鼠标拖动画矩形框示例【可兼容IE8】
2019/05/17 Javascript
js实现网页版贪吃蛇游戏
2020/02/22 Javascript
微信小程序实现多图上传
2020/06/19 Javascript
JS实现超级好看的鼠标小尾巴特效
2020/12/01 Javascript
linux 下实现python多版本安装实践
2014/11/18 Python
python杀死一个线程的方法
2015/09/06 Python
Python 2.x如何设置命令执行的超时时间实例
2017/10/19 Python
使用pandas read_table读取csv文件的方法
2018/07/04 Python
python 格式化输出百分号的方法
2019/01/20 Python
python实践项目之监控当前联网状态详情
2019/05/23 Python
python日期相关操作实例小结
2019/06/24 Python
python实现屏保程序(适用于背单词)
2019/07/30 Python
巴西网上药店:Drogaria Araujo
2021/01/06 全球购物
项目合作计划书
2014/01/09 职场文书
小学庆六一活动总结
2014/08/28 职场文书
2015年度企业工作总结
2015/05/21 职场文书
初中英语教学反思范文
2016/02/15 职场文书
nginx配置文件使用环境变量的操作方法
2021/06/02 Servers
Python函数中的不定长参数相关知识总结
2021/06/24 Python
python游戏开发之pygame实现接球小游戏
2022/04/22 Python
详解Spring Bean的配置方式与实例化
2022/06/10 Java/Android