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);
相关推荐
-
JS Jquery 遍历,筛选页面元素 自动完成(实现代码)
复制代码 代码如下: <script> var value = "teset"; var s = new RegExp(value, "i")//I 表示不区分大小写(可省略) $(".lico").each(function (i, n) { //lico为所有li列表的class名 遍历 if (s.test($(n).text())) //筛选成功
-
jQuery遍历DOM节点操作之filter()方法详解
本文实例分析了jQuery遍历DOM节点操作之filter()方法.分享给大家供大家参考,具体如下: .filter(selector) 此方法用于在匹配元素中按照选择器表达式进行筛选. 记住:使用此方法必须得传入选择器表达式参数,不然会报错"'nodeType' 为空或不是对象" 另外请注意这个filter方法和jquery中的find方法的区别: filter方法是对匹配元素进行筛选,而find方法是对匹配元素的后代元素进行筛选. 从jquery1.4版本开始,filter方法又添
-
举例讲解jQuery对DOM元素的向上遍历、向下遍历和水平遍历
一.jQuery的向下遍历 <script src="../JS/Extend.js"></script> <script src="../JS/my.js"></script> <link type="text/css" rel="stylesheet" href="../CSS3/my.css"> </head> <body&
-
jQuery向上遍历DOM树之parents(),parent(),closest()之间的区别
在这个sprint中,因为要写前端UI,所以用到了jQuery,但是jQuery在向上遍历DOM树的API中,有parents(). parent().closest()这几个,一直不太清楚它们具体的区别,所以狠下心好好读了一下jQuery的API文档,并把区别记在这里,以供参考. 1.parents([selector]) 本方法用于选择给定jQuery对象中包含的DOM元素或者DOM元素集的祖先节点,并将这些节点包装成jQuery对象返回,返回的节点集是以从里到外的顺序排序的. 同时,本方
-
jquery遍历select元素(实例讲解)
本篇文章提供一款jquery遍历select教程代码,主要是利用了$("#<%=ddl_xreg_id.clientid%> option").each(function() {形式来each遍历一次,这样所有的select就给查询了一次. 复制代码 代码如下: <script src="jquery-1.2.1.js" type="text/网页特效"></script><script language
-
jQuery基于当前元素进行下一步的遍历
如果我们已经通过jQuery方法选中了一组元素,那么如何基于这些已经选中的元素进行下一步的遍历呢? 例如,我们通过 $('li:eq(1)') 选中了以下代码中的第二个li元素. 复制代码 代码如下: <ul> <li><a href="#">link</a></li> <li><a href="#">selected link</a></li> <li
-
JQuery中使用.each()遍历元素学习笔记
今天写一个选项卡的时候,需要用到jquery中的.each(),通过获取each()中的index参数来获取li元素的编号,方便下面区块显示,在一个测试页面上写好了下面的代码: 复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <htm
-
jQuery遍历DOM元素与节点方法详解
本文实例讲述了jQuery遍历DOM元素与节点方法.分享给大家供大家参考,具体如下: 一.向上遍历--祖先元素 ① $(selector).parent([filter]):返回selector匹配元素的直接父元素,方法可以接受一个过滤selector来过滤返回的父元素. ② $(selector).parents([filter]):返回匹配元素的所有祖先节点,一直向上直到文档根元素html,方法可以接受一个过滤selector来过滤返回的祖先节点. 备注:parent与parents的区别,
-
基于jQuery的遍历同id元素 并响应事件的代码
完整测试代码: 复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-e
-
jQuery遍历DOM的父级元素、子级元素和同级元素的方法总结
如下图,显示了HTML中的结构树,通过 JQuery 遍历,您能够从被选(当前的)元素开始,轻松地在家族树中向上移动(祖先),向下移动(子孙),水平移动(同胞).这种移动被称为对 DOM 进行遍历. 遍历 - 父级(祖先) 向上遍历DOM数. 通过如下三个方法,我们可以获取父级元素: parent() parents() parentsUntil() 1.JQuery parent() parent() 方法返回被选元素的直接父元素. 该方法只会向上一级对 DOM 树进行遍历. <section
随机推荐
- dos变量定义和引用方法
- java使用CKEditor实现图片上传功能
- XCode编译速度慢的处理方法
- Java 程序员容易犯的10个SQL错误
- 详解Python 模拟实现生产者消费者模式的实例
- Python实现利用最大公约数求三个正整数的最小公倍数示例
- Python中datetime常用时间处理方法
- C#一个方法返回多个值示例
- VC双画布消除屏幕闪烁实例详解
- php 获取百度的热词数据的代码
- javascript table美化鼠标滑动单元格变色
- 利用gson将map转为json示例
- php采集时被封ip的解决方法
- SQL Server 不删除信息重新恢复自动编号列的序号的方法
- jQuery 注意事项 与原因分析
- jQuery实现模拟flash头像裁切上传功能示例
- JavaScript中关于iframe滚动条的去除和保留
- 利用nginx与ffmpeg搭建流媒体服务器过程详解
- Ehcache简介_动力节点Java学院整理
- android上一个可追踪代码具体到函数某行的日志类