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 对象 |