closest() 要领取得婚配选择器的第一个先人元素

w3c: http://www.w3school.com.cn/jquery/traversing_closest.asp

本例演示怎样经由过程 closest() 完成事宜托付。当被最接近的列表元素或其子子女元素被点击时,会切换黄色背景:

$( document ).bind("click", function( e ) {
    $( e.target ).closest("li").toggleClass("hilight");
  });

定义和用法
closest() 要领取得婚配选择器的第一个先人元素,从当前元素最先沿 DOM 树向上。

语法
.closest(selector)

参数形貌
selector字符串值,包括婚配元素的选择器表达式。

参数 形貌
selector 字符串值,包括婚配元素的选择器表达式。
细致申明
假如给定示意 DOM 元素鸠合的 jQuery 对象,.closest() 要领许可我们检索 DOM 树中的这些元素以及它们的先人元素,并用婚配元素组织新的 jQuery 对象。.parents() 和 .closest() 要领相似,它们都沿 DOM 树向上遍历。两者之间的差别只管玄妙,却很主要:

.closest().parents()
从当前元素最先从父元素最先
沿 DOM 树向上遍历,直到找到已运用选择器的一个婚配为止。沿 DOM 树向上遍历,直到文档的根元素为止,将每一个先人元素添加到一个暂时的鸠合;假如运用了选择器,则会基于该选择器对这个鸠合举行挑选。
返回包括零个或一个元素的 jQuery 对象返回包括零个、一个或多个元素的 jQuery 对象
    原文作者:张健
    原文地址: https://segmentfault.com/a/1190000018909763
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞