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 相关文章推荐
cookie.js 加载顺序问题怎么才有效
Jul 31 Javascript
对Web开发中前端框架与前端类库的一些思考
Mar 27 Javascript
JS获得图片alt信息的方法
Apr 01 Javascript
jQuery结合ajax实现动态加载文本内容
May 19 Javascript
jquery中取消和绑定hover事件的实现代码
Jun 02 Javascript
微信小程序 Button 组件详解及简单实例
Jan 10 Javascript
Vue-路由导航菜单栏的高亮设置方法
Mar 17 Javascript
vue配置请求本地json数据的方法
Apr 11 Javascript
解决vue elementUI中table里数字、字母、中文混合排序问题
Jan 07 Javascript
简单了解JavaScript作用域
Jul 31 Javascript
Vue.js原理分析之nextTick实现详解
Sep 07 Javascript
Vue包大小优化的实现(从1.72M到94K)
Feb 18 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
单位速度在实战中的运用
2020/03/04 星际争霸
PHP的构造方法,析构方法和this关键字详细介绍
2013/10/22 PHP
PHP会话处理的10个函数
2015/08/11 PHP
利用JQuery+EasyDrag 实现弹出可拖动的Div,同时向Div传值,然后返回Div选中的值
2009/10/24 Javascript
Tinymce+jQuery.Validation使用产生的BUG
2010/03/29 Javascript
一个收集图片的bookmarlet(js 刷新页面中的图片)
2010/05/27 Javascript
jQuery阻止同类型事件小结
2013/04/19 Javascript
jquery得到font-size属性值实现代码
2013/09/30 Javascript
javascript使用onclick事件改变选中行的颜色
2013/12/30 Javascript
Jquery实现Div上下移动示例
2014/04/23 Javascript
一款基jquery超炫的动画导航菜单可响应单击事件
2014/11/02 Javascript
Vue组件BootPage实现简单的分页功能
2016/09/12 Javascript
jquery判断类型是不是number类型的实例代码
2016/10/07 Javascript
js+html获取系统当前时间
2017/11/10 Javascript
Vue项目部署的实现(阿里云+Nginx代理+PM2)
2019/03/26 Javascript
JavaScript实现动态生成表格
2020/08/02 Javascript
解决VUE项目localhost端口服务器拒绝连接,只能用127.0.0.1的问题
2020/08/14 Javascript
vue-cli3 热更新配置操作
2020/09/18 Javascript
[00:37]2016完美“圣”典风云人物:rOtk宣传片
2016/12/09 DOTA
使用python调用浏览器并打开一个网址的例子
2014/06/05 Python
跟老齐学Python之从格式化表达式到方法
2014/09/28 Python
Python利用前序和中序遍历结果重建二叉树的方法
2016/04/27 Python
详解Python函数可变参数定义及其参数传递方式
2017/08/02 Python
python 平衡二叉树实现代码示例
2018/07/07 Python
mac下如何将python2.7改为python3
2018/07/13 Python
influx+grafana自定义python采集数据和一些坑的总结
2018/09/17 Python
python微信聊天机器人改进版(定时或触发抓取天气预报、励志语录等,向好友推送)
2019/04/25 Python
使用python批量修改文件名的方法(视频合并时)
2020/03/24 Python
Python模拟伯努利试验和二项分布代码实例
2020/05/27 Python
Python实现网络聊天室的示例代码(支持多人聊天与私聊)
2021/01/27 Python
Crucial英睿达法国官网:内存条及SSD固态硬盘升级
2018/07/13 全球购物
音乐教学反思
2014/02/02 职场文书
人事部岗位职责范本
2014/03/05 职场文书
公司劳动纪律管理制度
2015/08/04 职场文书
2016年春节慰问信息大全
2015/11/30 职场文书
教你用Python写一个植物大战僵尸小游戏
2021/04/25 Python