博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
jQuery基础修炼圣典—DOM篇
阅读量:6893 次
发布时间:2019-06-27

本文共 727 字,大约阅读时间需要 2 分钟。

hot3.png

6.JQuery遍历

(5)closest()方法

以选定的元素为中心,往内查找可以通过find、children方法。如果往上查找,也就是查找当前元素的父辈祖辈元素,jQuery提供了closest()方法,这个方法类似parents但是又有一些细微的区别,属于使用频率很高的方法

closest()方法接受一个匹配元素的选择器字符串

从元素本身开始,在DOM 树上逐级向上级元素匹配,并返回最先匹配的祖先元素

例如:在div元素中,往上查找所有的li元素,可以这样表达

$("div").closet("li')

注意事项:在使用的时候需要特别注意下

粗看.parents()和.closest()是有点相似的,都是往上遍历祖辈元素,但是两者还是有区别的,否则就没有存在的意义了

  1. 起始位置不同:.closest开始于当前元素 .parents开始于父元素
  2. 遍历的目标不同:.closest要找到指定的目标,.parents遍历到文档根元素,closest向上查找,知道找到一个匹配就停止查找,parents一直查找到根元素,并将匹配的元素加入集合
  3. 结果不同:.closest返回的是包含零个或一个元素的jquery对象,parents返回的是包含零个或一个或多个元素的jquery对象

例子:

$("button:last").click(function(){

        var itemB = $('.item-b');
        $('li.item-1').closest(itemB).css('border', '1px solid blue');
    });

转载于:https://my.oschina.net/huangsuhong/blog/675215

你可能感兴趣的文章
【转】iOS库 .a与.framework区别
查看>>
java多线程编程之使用Synchronized块同步方法
查看>>
第二十八天笔记
查看>>
C# Lock
查看>>
CentOS-6.8 安装zabbix 4.0X
查看>>
Python 5 面对对象编程
查看>>
高级特性(1)- 流与文件
查看>>
Java Web整合开发(4) -- JSP
查看>>
构建之法阅读笔记03
查看>>
新版App Store有哪些变化呢
查看>>
C#基础知识图谱
查看>>
viso下载资源
查看>>
递归、二分查找法
查看>>
一道算法题-从1到n整数中1出现的次数
查看>>
解决 “access violation at address xxxxxxxxx”错误
查看>>
构建之法阅读笔记01
查看>>
【自然语言处理篇】--Chatterbot聊天机器人
查看>>
【Spark篇】---Spark解决数据倾斜问题
查看>>
vue如何正确销毁当前组件的scroll事件?
查看>>
同步 Visual Studio Code 的设置与插件
查看>>