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

 更新时间:2016年04月13日 10:16:20   作者:Darren Ji  
本文主要介绍两种方法,处理JQuery遍历刚创建的元素问题,简单易用,希望能帮到大家。

刚创建的元素,使用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的控件及事件(输入控件及回车事件)使用示例

    jQuery的控件及事件(输入控件及回车事件)使用示例

    本文为大家介绍下jQuery的输入控件及回车事件的应用,具体示例代码如下,感兴趣的朋友可以参考下哈,希望对大家有所帮助
    2013-07-07
  • 基于jquery日历价格、库存等设置插件

    基于jquery日历价格、库存等设置插件

    这篇文章主要为大家详细介绍了基于jquery日历价格、库存等设置插件,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-06-06
  • jQuery实现鼠标经过显示动画边框特效

    jQuery实现鼠标经过显示动画边框特效

    本文主要介绍了jQuery鼠标经过显示动画边框特效的实例代码。具有很好的参考价值。下面跟着小编一起来看下吧
    2017-03-03
  • jQuery照片伸缩效果不影响其他元素的布局

    jQuery照片伸缩效果不影响其他元素的布局

    jQuery照片伸缩效果,不是单纯的图片放大缩小,不影响其他元素的布局,需要的朋友可以参考下
    2014-05-05
  • jQuery实现简单的间隔向上滚动效果

    jQuery实现简单的间隔向上滚动效果

    这篇文章主要介绍了jQuery实现简单的间隔向上滚动效果,实例分析了jQuery通过animate与setInterval控制dom元素滚动特效的技巧,需要的朋友可以参考下
    2015-03-03
  • 基于jquery的监控数据是否发生改变

    基于jquery的监控数据是否发生改变

    在实际开发中经常会遇到数据没发生改变是,由于用户不小心点击保存,这样导致数据库的日志增大;还有数据填写好后,忘了添加保存直接关闭页面离开。
    2011-04-04
  • webpack中引用jquery的简单实现

    webpack中引用jquery的简单实现

    下面小编就为大家带来一篇webpack中引用jquery的简单实现。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-06-06
  • 浅谈jQuery效果函数

    浅谈jQuery效果函数

    下面小编就为大家带来一篇jQuery效果函数。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧,祝大家游戏愉快哦
    2016-09-09
  • jQuery的ztree仿windows文件新建和拖拽功能的实现代码

    jQuery的ztree仿windows文件新建和拖拽功能的实现代码

    zTree 是一个依靠 jQuery 实现的多功能 “树插件”。优异的性能、灵活的配置、多种功能的组合是 zTree 最大优点。这篇文章主要介绍了jQuery的ztree仿windows文件新建和拖拽功能的实现代码,需要的朋友可以参考下
    2018-12-12
  • jquery特效 幻灯片效果示例代码

    jquery特效 幻灯片效果示例代码

    jquery特效中的幻灯片想必大家已不陌生吧,下面为大家分享个比较不错的幻灯片效果,附有源码,感兴趣的朋友可以学习下哈
    2013-07-07

最新评论