JQuery 两种方法解决刚创建的元素遍历不到的问题

admin5年前前端技术1281

刚创建的元素,使用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);


相关文章

jquery 生成的dom无法触发click事件的解决方案

原因是程序找不到此节点在jQuery中有“向未来的元素添加事件处理程序”方法说明,也正是动态创建元素无法触发事件的原因所在。正确的写法应该是:$(‘父元素’).on(‘click’,’动态的子元素’,...

Navigate down the menu through jquery development

The core knowledge is to use jquery's hover method to achieve, The animation effe...

webpack全局安装了,使用命令时却提示安装脚手架

全局安装了webpack ,使用webpack的时候,却有如下的提示One CLI for webpack must be installe...

ubbedit文件精简,删除所有用不到的文件,设置新的路径调用

ubbedit文件精简,删除所有用不到的文件,设置新的路径调用

移动editor_api.js文件从ex目录到ubbedit目录,设置 baseURL = '/ubbedit/_src/';设置Gruntfile.js文件 js...

通过jquery开发导航下来菜单

核心知识是用jquery的hover方法去实现,动画效果是slideDown与slideUp代码下载地址:点击下载...

H5页面移动端双击屏幕禁止页面放大

在meta标签中加入user-scalable=no属性...

发表评论    

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。