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

admin5年前前端技术1103

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


相关文章

关于css的position参数自我领悟心得整理

relative :相对与最近的DOM定位   absolute :相对里面的绝对定位,跟relative 一起用,起到随心所欲定位的效果sticky :滚顶地位定位,用与鼠标滚动...

让javascrip函数内的局部变量能为全局使用的方法

<script type="text/javascript">   var mine;  function&nbs...

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

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

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

当div里的height:atuo不能实现高度自适应的时候

当div里的height:atuo不能实现高度自适应的时候添加如下代码就可以实现overflow:hidden;/*解决了flat left 漂浮,让高度不可控的问题*/...

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

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

原生javascrip 复制功能

兼容chrome FIrfox IE 下载地址000.zip代码如下:<!DOCTYPE html> <html> <head> &nbs...

发表评论    

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