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的写法基础分析
Jan 17 Javascript
js如何调用qq互联api实现第三方登录
Mar 28 Javascript
jquery插件格式实例分析
Jun 16 Javascript
JS获取一个未知DIV高度的方法
Aug 09 Javascript
JavaScript实现的商品抢购倒计时功能示例
Apr 17 Javascript
单行 JS 实现移动端金钱格式的输入规则
May 22 Javascript
vue 中自定义指令改变data中的值
Jun 02 Javascript
JavaScript获取移动设备型号的实现代码(JS获取手机型号和系统)
Mar 10 Javascript
小程序调用微信支付的方法
Sep 26 Javascript
js实现简单五子棋游戏
May 28 Javascript
Map与WeakMap类型在JavaScript中的使用详解
Nov 18 Javascript
javascript数组includes、reduce的基本使用
Jul 02 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 调用远程url的六种方法小结
2009/11/02 PHP
PHP得到某段时间区间的时间戳 php定时任务
2012/04/12 PHP
php对二维数组进行相关操作(排序、转换、去空白等)
2015/11/04 PHP
PHP+Jquery与ajax相结合实现下拉淡出瀑布流效果【无需插件】
2016/05/06 PHP
PHP并发查询MySQL的实例代码
2017/08/09 PHP
PHP使用PDO、mysqli扩展实现与数据库交互操作详解
2019/07/20 PHP
最近项目写了一些js,水平有待提高
2009/01/31 Javascript
jQuery.get、jQuery.getJSON、jQuery.post无法返回JSON问题的解决方法
2011/07/28 Javascript
JavaScript实现Fly Bird小游戏
2016/12/15 Javascript
assert()函数用法总结(推荐)
2017/01/25 Javascript
Angular1.x自定义指令实例详解
2017/03/01 Javascript
jQuery手风琴的简单制作
2017/05/12 jQuery
JavaScript实现旋转轮播图
2020/08/18 Javascript
Material(包括Material Icon)在Angular2中的使用详解
2018/02/11 Javascript
Vue项目中跨域问题解决方案
2018/06/05 Javascript
JS获取子节点、父节点和兄弟节点的方法实例总结
2018/07/06 Javascript
Vue创建头部组件示例代码详解
2018/10/23 Javascript
JavaScript简单实现动态改变HTML内容的方法示例
2018/12/25 Javascript
vue柱状进度条图像的完美实现方案
2019/08/26 Javascript
[06:24]DOTA2 2015国际邀请赛中国区预选赛第二日TOP10
2015/05/27 DOTA
Python实现复杂对象转JSON的方法示例
2017/06/22 Python
Python快速查找list中相同部分的方法
2018/06/27 Python
解决Python selenium get页面很慢时的问题
2019/01/30 Python
Python3 max()函数基础用法
2019/02/19 Python
详解Django项目中模板标签及模板的继承与引用(网站中快速布置广告)
2019/03/27 Python
keras实现theano和tensorflow训练的模型相互转换
2020/06/19 Python
python给视频添加背景音乐并改变音量的具体方法
2020/07/19 Python
python实现经纬度采样的示例代码
2020/12/10 Python
Python经典五人分鱼实例讲解
2021/01/04 Python
基于pycharm 项目和项目文件命名规则的介绍
2021/01/15 Python
采用冷却技术的超自然舒适度:GhostBed床垫
2018/09/18 全球购物
向全球直邮输送天然健康产品:iHerb.com
2020/05/03 全球购物
个人求职简历的自我评价
2013/10/19 职场文书
网站美工岗位职责
2014/04/02 职场文书
如何让vue长列表快速加载
2021/03/29 Vue.js
mysql数据库实现设置字段长度
2022/06/10 MySQL