?
本文檔使用 php中文網手冊 發(fā)布
jQuery 1.3新增。從元素本身開始,逐級向上級元素匹配,并返回最先匹配的元素。。
closest會首先檢查當前元素是否匹配,如果匹配則直接返回元素本身。如果不匹配則向上查找父元素,一層一層往上,直到找到匹配選擇器的元素。如果什么都沒找到則返回一個空的jQuery對象。
closest和parents的主要區(qū)別是:1,前者從當前元素開始匹配尋找,后者從父元素開始匹配尋找;2,前者逐級向上查找,直到發(fā)現匹配的元素后就停止了,后者一直向上查找直到根元素,然后把這些元素放進一個臨時集合中,再用給定的選擇器表達式去過濾;3,前者返回0或1個元素,后者可能包含0個,1個,或者多個元素。
closest對于處理事件委托非常有用。
.closest( selectors [, context ] )方法從 jQuery 1.7 開始,不再建議使用該方法,但是 jQuery 1.7 之前仍然可以使用。該方法將主要用于 jQuery 內部或插件作者使用。
用以過濾元素的表達式。jQuery 1.4開始,也可以傳遞一個字符串數組,用于查找多個元素。
expr:用以過濾子元素的表達式
context:DOM元素在其中一個匹配的元素可以被發(fā)現。如果沒有上下文在當時的情況下通過了jQuery設置將被使用。
一個用于匹配元素的jQuery對象
一個用于匹配元素的DOM元素。
展示如何使用clostest查找多個元素
<ul><li></li><li></li></ul>
$("li:first").closest(["ul", "body"]);
[ul, body]
展示如何使用clostest來完成事件委托。
<ul> <li><b>Click me!</b></li> <li>You can also <b>Click me!</b></li> </ul>
$(document).bind("click", function (e) { $(e.target).closest("li").toggleClass("hilight"); });