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实现幻灯片播放图片示例代码
Nov 07 Javascript
Javascript selection的兼容性写法介绍
Dec 20 Javascript
Javascript基础教程之变量
Jan 18 Javascript
JS+html5制作简单音乐播放器
Sep 13 Javascript
在百度搜索结果中去除掉一些网站的资料(通过js控制不让显示)
May 02 Javascript
Webpack执行命令参数详解
Jun 17 Javascript
Ajax高级笔记 JavaScript高级程序设计笔记
Jun 22 Javascript
详解react-webpack2-热模块替换[HMR]
Aug 03 Javascript
小程序开发中如何使用async-await并封装公共异步请求的方法
Jan 20 Javascript
微信小程序扫描二维码获取信息实例详解
May 07 Javascript
Vue3.0数据响应式原理详解
Oct 09 Javascript
原生JS实现萤火虫效果
Mar 07 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
图书管理程序(一)
2006/10/09 PHP
php面向对象全攻略 (六)__set() __get() __isset() __unset()的用法
2009/09/30 PHP
PHP提示Cannot modify header information - headers already sent by解决方法
2014/09/22 PHP
php函数mkdir实现递归创建层级目录
2016/10/27 PHP
Thinkphp3.2实用篇之计算型验证码示例
2017/02/09 PHP
jquery中实现简单的tabs插件功能的代码
2011/03/02 Javascript
jquery实现网站超链接和图片提示效果
2013/03/21 Javascript
JavaScript控制网页层收起和展开效果的方法
2015/04/15 Javascript
三种Node.js写文件的方式
2016/03/08 Javascript
jQuery实现点击按钮文字变成input框点击保存变成文字
2016/05/09 Javascript
jquery选择器中的空格与大于号&gt;、加号+与波浪号~的区别介绍
2016/06/24 Javascript
Bootstrap 源代码分析(未完待续)
2016/08/17 Javascript
详解jquery easyui之datagrid使用参考
2016/12/05 Javascript
jQuery实现的省市联动菜单功能示例【测试可用】
2017/01/13 Javascript
Canvas放置反弹效果随机图形(实例)
2017/08/17 Javascript
EasyUI的DataGrid每行数据添加操作按钮的实现代码
2017/08/22 Javascript
vue 数组和对象不能直接赋值情况和解决方法(推荐)
2017/10/25 Javascript
工作中常用到的ES6语法
2018/09/04 Javascript
layui禁用侧边导航栏点击事件的解决方法
2019/09/25 Javascript
js实现mp3录音通过websocket实时传送+简易波形图效果
2020/06/12 Javascript
python双向链表实现实例代码
2013/11/21 Python
Python数据库的连接实现方法与注意事项
2016/02/27 Python
Python实现excel转sqlite的方法
2017/07/17 Python
对python3标准库httpclient的使用详解
2018/12/18 Python
基于python的selenium两种文件上传操作实现详解
2019/09/19 Python
Champion官网:美国冠军运动服装
2017/01/25 全球购物
Emporio Armani腕表天猫官方旗舰店:乔治·阿玛尼为年轻人设计的副线品牌
2017/07/02 全球购物
开水果连锁店创业计划书
2013/12/29 职场文书
医院实习介绍信
2014/01/12 职场文书
学年末自我鉴定
2014/01/21 职场文书
面试后感谢信怎么写
2014/02/01 职场文书
生物制药专业自我鉴定
2014/02/19 职场文书
应聘销售主管的求职信
2014/04/26 职场文书
法律进社区活动总结
2015/05/07 职场文书
政审证明材料
2015/06/19 职场文书
解决numpy数组互换两行及赋值的问题
2021/04/17 Python