首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

jQuery closest()和/或find()不能使用动态数据表

jQuery closest()和find()是两个常用的DOM遍历方法。

  1. closest()方法用于查找最接近的父级元素。它接受一个选择器作为参数,返回与选择器匹配的最接近的父级元素。这个方法从当前元素开始向上遍历DOM树,直到找到匹配的元素或者到达DOM树的顶部。如果找到匹配的元素,则返回该元素;否则返回一个空的jQuery对象。

应用场景:当需要在DOM树中查找最接近的父级元素时,可以使用closest()方法。例如,当需要在一个表格中查找某个单元格所在的行时,可以使用closest("tr")。

推荐的腾讯云相关产品和产品介绍链接地址:腾讯云无相关产品与closest()方法直接相关。

  1. find()方法用于查找后代元素。它接受一个选择器作为参数,返回与选择器匹配的所有后代元素。这个方法从当前元素开始向下遍历DOM树,查找所有匹配的后代元素,并将它们封装成一个新的jQuery对象返回。

应用场景:当需要在DOM树中查找某个元素的后代元素时,可以使用find()方法。例如,当需要在一个表格中查找所有的单元格时,可以使用find("td")。

推荐的腾讯云相关产品和产品介绍链接地址:腾讯云无相关产品与find()方法直接相关。

需要注意的是,closest()和find()方法都是基于静态的DOM结构进行查找,无法直接使用动态数据表。如果需要在动态数据表中进行查找,可以考虑使用其他方法,如根据数据属性进行查找或使用事件委托来处理动态元素。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

移除Blog对jQuery的依赖 By HKL, Tues

1.由于博客其实动态功能并不多,而且很多都是多年前完全不懂前端的情况下写的,所以有些功能没有考虑好,现在再看了一下前端代码部分,发现很多DOM操作已经完全没有必要去用jQuery了,以后再加新功能也不会用到...jQuery的特性,所以计划改写jQuery部分为原生javascript。...2.逐步改写 (1)部分插件的改用 主要是博客使用了Bootstrap的框架,所以官方的Bootstrap部分功能是依赖jQuery的,这个直接替换成Bootstrap.native了 另外一个就是timeago...的实现替换了jquery.timeago为使用原生js的timeago (2)DOM操作部分 原来博客主要通过jQuery做了许多DOM操作,例如Query Selector,这部分参考了You-Dont-Need-jQuery...("i").toggleClass("iconfont icon-expand").toggleClass("iconfont icon-shrink"); $(this).closest

1.5K40

jQuery ele.find() is not a function 错误的解决办法

td>这是为表格的某一行,每一行代表一种商品,有多行,当我们勾选某一行商品时,通过获取该行商品的 ID 来获取该行的所有数据,代码如下所示:var good_id = checked[i].closest...('tr').find('input[name=good_id]').val();其中,checked 为勾选选项构成的数组,通过 closest() 方法从元素本身开始,逐级向上级元素匹配 tr 元素...,查找来获取整行的数据,进而通过 find() 方法来获取该行的商品 ID然而,该行代码却报错了,其实原因也很简单,checked[i].closest('tr') 返回的是一个 JS 对象,而 find...() 函数则是属于 jQuery 对象的,所以只需要通过 $() 将其包装在其中,转换为 jQuery 对象,也可以通过使用 $(this) 来指代当前元素// 方法一var good_id = $(checked...[i].closest('tr')).find('input[name=good_id]').val();// 方法二var good_id = $(this).closest('tr').find('

1.3K50

jQuery入门前言

4、.css(): 在jQuery中我们要动态的修改style属性我们只要使用css()方法就可以实现了。...如果想连li也找到,那就得用find()方法: $("div").find("li") 2、parent()parents()方法: parent方法,children方法相反,就是查找上一级元素...3、closest()方法: 以选定的元素为中心,往内查找可以通过find、children方法。...如果往上查找,也就是查找当前元素的父辈祖辈元素,jQuery提供了closest()方法,这个方法类似parents但是又有一些细微的区别,属于使用频率很高的方法。...直到找到一个匹配的就停止查找,parents一直查找到根元素,并将匹配的元素加入集合 结果不同:.closest返回的是包含零个一个元素的jquery对象,parents返回的是包含零个一个多个元素的

2.7K30

前端基础-jQuery选择器

; 获取同一类标签的所有元素 并集选择器 $(‘div,p,li’); 使用逗号分隔,只要符合条件之一就可。...层级选择器(重点) 名称 用法 描述 子代选择器 $(‘ul > li’); 使用-号,获取儿子层级的元素,注意,并不会获取孙子层级的元素 后代选择器 $(‘ul li’); 使用空格,代表后代选择器,...名称 用法 描述 children(selector) $(‘ul’).children(‘li’) 相当于$(‘ul-li’),子类选择器 find(selector) $(‘ul’).find(‘li...$(‘li’).closest(‘ul’) 找最近一个祖先元素 语法模板: 00-语法模板.html(需要包含jquery.js) ...('form') ); //获取 hobby 所有后代元素 console.log( $('#hobby').find('input') ); //获取 hobby 下一个兄弟元素

80810

Asp.NetCore Web开发之输入验证

所以进行数据有效性验证是必要的,我们一般通过js或者使用HTML标签自带的属性进行有效性限制,但在不断的演化中,也出现了一些很优秀的数据验证框架,使用它们能高效的开发,最常用的就是基于Jqueryjquery.validate.js...下面就来讲解一下它的用法: 要使用这个框架,就要先引用框架包(注意:此包是基于Jquery开发的,所以要先引用jquery.js),由于数据验证是必要的,所以微软将其集成到了asp.net core...//验证成功的事件 success: function (label) { var el = label.closest('.form-group').find(...CheckPwd", function (value, element) { var pwd = /^\w+$/; return pwd.test(value); }, "密码格式为数字字母下划线...但解释此用法不是本节的主要目的,我们了解了它的用法后,接下来介绍一个更简单的用法:asp.net core的输入验证,为了简化表单验证的代码量,asp.net core 从后端出发,通过为属性标注特性的方式,在前台动态的生成

1.9K30

jQuery 选取元素概要

jQuery 自定义的选择器。 注意: 对于 jQuery 自定义的选择器,为了性能,先用 CSS 定义的选择器选,再从结果集中筛选时用 jQuery 自定义的选择器。...用的表单元素 是否可见 :visible 可见元素 :hidden 不可见元素 内容过滤 :contains(文本) 如: $("div:contains('John')") :empty 没有子元素没有文本内容的元素...选择器中如果要使用选择器的元字符,必须用 \ 来转义。如:选择 id 为 foo.bar 的元素,要使用 $("#foo\\.bar")。...从层级中选取元素 从父元素祖系元素中找 .closest([选择器]) .parent([选择器]) .parents([选择器]) .offsetParent() 找最近的父级定位元素(position...不为 static 的元素) 从子元素中下找 .find([选择器]) .children([选择器]) .contents() 元素下的内容:包括文本节点注释节点。

1.3K20

通读音_Android API

Cheerio 从jQuery库中去除了所有 DOM不一致性浏览器尴尬的部分,揭示了它真正优雅的API。 **ϟ 闪电般的块:**Cheerio 工作在一个非常简单,一致的DOM模型之上。...JSDOM内建的解析太过于严格: JSDOM附带的HTML解析不能处理很多当下的大众的网站。 JSDOM太慢:用JSDOM解析大型网站存在可见的延迟。...####Selectors Cheerio的选择器用起来几乎jQuery一样,所以API也很相似。...如果使用判定函数,判定函数在选中的元素中执行,所以this指向当前的元素。 ####Traversing .find(selector) 获得一个在匹配的元素中由选择器滤过的后代。...]) 对于每个集合内的元素,通过测试这个元素DOM层级关系上的祖先元素,获得第一个匹配的元素 $('.orange').closest() // => [] $('.orange').closest

3.5K30

JQueryclosest、parent、parents、parentsUntil的区别

定义用法 parent() 方法返回被选元素的直接父元素。 $(selector).parent(filter) 参数 描述 filter 可选。规定缩小搜索父元素范围的选择器表达式。...注意:如需返回多个祖先元素,请使用逗号分隔每个表达式。 closest() 方法返回被选元素的第一个祖先元素。...$(selector).closest(filter,context) 参数 描述 filter 必需。规定缩小搜索祖先元素范围的选择器表达式、元素 jQuery 对象。 context 可选。...,返回包含零个、一个多个元素的 jQuery 对象 parentsUntil(stop, selected):返回两个给定参数之间的所有祖先元素,返回包含零个、一个多个元素的 jQuery 对象 closest...(selected):从当前元素开始沿 DOM 树向上遍历,并返回匹配所传递的表达式的所有祖先,返回被选元素的第一个祖先,返回包含零个一个元素的 jQuery 对象 closest()在没有传入选择器时

63120

PhotoSwipe中文API(一)

如果您在非回应网站上使用PhotoSwipe - 控制将在移动进行换算(整页缩放)。所以你需要实现自定义控件(在右上角例如单个大关闭按钮)。 文档中所有的代码是纯香草JS支持IE8及以上。...如果您的网站应用程序使用了一些JavaScript框架(像jQueryMooTools的),或者你并不需要支持旧的浏览器 - 随意简化代码。...初始化 第1步:包括JSCSS文件 您可以在GitHub的信息库DIST/文件夹中找到它们。萨斯未编译的JS文件夹中的src /。我建议使用无礼的话,如果你打算修改现有的样式,有代码的结构评述。...如果你使用jQueryMooTools的框架,或者如果你不需要支持IE8,代码可以大大简化。...需要注意的是IE8不支持HTML5元素,所以你需要在部分(托管版本的例子中使用cdnjs)html5shiv: <!

4.4K30

jQuery 入门指南教程

的$()引用元素包括通过id、class、元素名以及元素的层级关系及dom或者xpath条件等方法,且返回的对象为jQuery对象(集合对象),不能直接调用dom定义的方法。...对象区别 只有jQuery对象才能使用jQuery定义的方法。...注意dom对象jQuery对象是有区别的,调用方法时要注意操作的是dom对象还是jQuery对象。普通的dom对象一般可以通过$()转换成jQuery对象。...对于获取的元素集合,获取其中的某一项(通过索引指定)可以使用eqget(n)方法或者索引号获取,要注意,eq返回的是jQuery对象,而get(n)索引返回的是dom元素对象。...对于jQuery对象只能使用jQuery的方法,而dom对象只能使用dom的方法,如要获取第三个元素的内容。

1.2K11
领券