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 学习笔记 错误处理
Jul 30 Javascript
IE6 弹出Iframe层中的文本框“经常”无法获得输入焦点
Dec 27 Javascript
Jquery中的CheckBox、RadioButton、DropDownList的取值赋值实现代码
Oct 12 Javascript
提取字符串中年月日的函数代码
Nov 05 Javascript
JS实现仿雅虎首页快捷登录入口及导航模块效果
Sep 19 Javascript
js 获取本地文件及目录的方法(推荐)
Nov 10 Javascript
原生js实现下拉框功能(支持键盘事件)
Jan 13 Javascript
JavaScript和JQuery获取DIV值的方法示例
Mar 07 Javascript
Vue 2.0+Vue-router构建一个简单的单页应用(附源码)
Mar 14 Javascript
mpvue中配置vuex并持久化到本地Storage图文教程解析
Mar 15 Javascript
微信小程序wx.request拦截器使用详解
Jul 09 Javascript
详解Vue的异步更新实现原理
Dec 22 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的特殊设置
2006/10/09 PHP
用php实现选择排序的解决方法
2013/05/04 PHP
php二维数组排序详解
2013/11/06 PHP
PHP-CGI远程代码执行漏洞分析与防范
2017/05/07 PHP
jquery的$(document).ready()和onload的加载顺序
2010/05/26 Javascript
UserData用法总结 lanyu出品
2010/07/01 Javascript
javascript使用中为什么10..toString()正常而10.toString()出错呢
2013/01/11 Javascript
jQuery 取值、赋值的基本方法整理
2014/03/31 Javascript
JQuery获取表格数据示例代码
2014/05/26 Javascript
jQuery常见面试题之DOM操作详析
2017/07/05 jQuery
微信小程序:数据存储、传值、取值详解
2019/05/07 Javascript
深入了解JavaScript代码覆盖
2019/06/13 Javascript
js判断复选框是否选中的方法示例【基于jQuery】
2019/10/10 jQuery
ES6中Promise的使用方法实例总结
2020/02/18 Javascript
Pyhthon中使用compileall模块编译源文件为pyc文件
2015/04/28 Python
Python算法之求n个节点不同二叉树个数
2017/10/27 Python
python 将对象设置为可迭代的两种实现方法
2019/01/21 Python
在Python中居然可以定义两个同名通参数的函数
2019/01/31 Python
Python交互式图形编程的实现
2019/07/25 Python
python3 深浅copy对比详解
2019/08/12 Python
基于python3监控服务器状态进行邮件报警
2019/10/19 Python
Pytorch自己加载单通道图片用作数据集训练的实例
2020/01/18 Python
基于python修改srt字幕的时间轴
2020/02/03 Python
Python gevent协程切换实现详解
2020/09/14 Python
python输出国际象棋棋盘的实例分享
2020/11/26 Python
CSS3实现淘宝留白的方法
2020/06/05 HTML / CSS
html5文本内容_动力节点Java学院整理
2017/07/11 HTML / CSS
台湾最大银发乐活百货:乐龄网
2018/05/21 全球购物
TheFork葡萄牙:欧洲领先的在线餐厅预订平台
2019/05/27 全球购物
节水倡议书范文
2014/04/15 职场文书
村官2015年度工作总结
2015/10/14 职场文书
《老人与海鸥》教学反思
2016/02/16 职场文书
Python turtle实现贪吃蛇游戏
2021/06/18 Python
关于JavaScript回调函数的深入理解
2021/06/27 Javascript
JavaScript最完整的深浅拷贝实现方式详解
2022/02/28 Javascript
python数字类型和占位符详情
2022/03/13 Python