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做flash做的事..才完成的一个类.Auntion Action var 0.1
Feb 23 Javascript
常用jQuery选择器总结
Jul 11 Javascript
JS中产生20位随机数以0-9为例也可以是a-z A-Z
Aug 01 Javascript
javascript中String对象的slice()方法分析
Dec 20 Javascript
很棒的js Tab选项卡切换效果
Aug 30 Javascript
微信小程序前端源码逻辑和工作流
Sep 25 Javascript
js实现鼠标拖动功能
Mar 20 Javascript
简单的vuex 的使用案例笔记
Apr 13 Javascript
使用JavaScript实现node.js中的path.join方法
Aug 12 Javascript
vue  directive定义全局和局部指令及指令简写
Nov 20 Javascript
vue+elementUI 实现内容区域高度自适应的示例
Sep 26 Javascript
js实现随机点名
Jan 19 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连接mysql数据库代码
2009/03/10 PHP
PHP 关于访问控制的和运算符优先级介绍
2013/07/08 PHP
ThinkPHP3.2.2的插件控制器功能
2015/03/05 PHP
PHP加密解密函数详解
2015/10/28 PHP
PHP和MYSQL实现分页导航思路详解
2017/04/11 PHP
tp5.0框架隐藏index.php入口文件及模块和控制器的方法分析
2020/02/11 PHP
常用的javascript function代码
2008/05/23 Javascript
checkbox全选所涉及到的知识点介绍
2013/12/31 Javascript
JS面向对象基础讲解(工厂模式、构造函数模式、原型模式、混合模式、动态原型模式)
2014/08/16 Javascript
网页前端登录js按Enter回车键实现登陆的两种方法
2016/05/10 Javascript
jQuery ready()和onload的加载耗时分析
2016/09/08 Javascript
javascript防篡改对象实例详解
2017/04/10 Javascript
Angular限制input框输入金额(是小数的话只保留两位小数点)
2017/07/13 Javascript
JavaScript判断日期时间差的实例代码
2018/03/01 Javascript
jQuery实现鼠标点击处心形漂浮的炫酷效果示例
2018/04/12 jQuery
bootstrap自定义样式之bootstrap实现侧边导航栏功能
2018/09/10 Javascript
vue this.reload 方法 配置
2018/09/12 Javascript
Vue element-ui父组件控制子组件的表单校验操作
2020/07/17 Javascript
Vue 打包的静态文件不能直接运行的原因及解决办法
2020/11/19 Vue.js
[40:05]DOTA2上海特级锦标赛A组小组赛#1 EHOME VS MVP.Phx第一局
2016/02/25 DOTA
Python实现按学生年龄排序的实际问题详解
2017/08/29 Python
PyQt5每天必学之进度条效果
2018/04/19 Python
Django框架实现逆向解析url的方法
2018/07/04 Python
python 将对象设置为可迭代的两种实现方法
2019/01/21 Python
Python根据欧拉角求旋转矩阵的实例
2019/01/28 Python
win10安装tesserocr配置 Python使用tesserocr识别字母数字验证码
2020/01/16 Python
Python捕获异常堆栈信息的几种方法(小结)
2020/05/18 Python
Python如何实现爬取B站视频
2020/05/20 Python
德国高品质男装及配饰商城:Cultizm(Raw Denim原色牛仔裤)
2018/04/16 全球购物
写自荐信有哪些不宜?
2013/10/17 职场文书
大学生自荐信
2013/12/11 职场文书
高中生期末评语大全
2014/01/28 职场文书
干部考察材料范文
2014/12/24 职场文书
2015年秋季新学期寄语
2015/03/25 职场文书
幼儿园心得体会范文
2016/01/21 职场文书
SpringBoot 集成短信和邮件 以阿里云短信服务为例
2022/04/22 Java/Android