### 返回值:jQueryclosest(expr,[con]|obj|ele) ### 概述 jQuery 1.3新增。從元素本身開始，逐級向上級元素匹配，并返回最先匹配的元素。。 closest會首先檢查當前元素是否匹配，如果匹配則直接返回元素本身。如果不匹配則向上查找父元素，一層一層往上，直到找到匹配選擇器的元素。如果什么都沒找到則返回一個空的jQuery對象。 closest和parents的主要區別是：1，前者從當前元素開始匹配尋找，后者從父元素開始匹配尋找；2，前者逐級向上查找，直到發現匹配的元素后就停止了，后者一直向上查找直到根元素，然后把這些元素放進一個臨時集合中，再用給定的選擇器表達式去過濾；3，前者返回0或1個元素，后者可能包含0個，1個，或者多個元素。 closest對于處理事件委托非常有用。 ### 參數 #### **expr****String,Array*V1.3* 用以過濾元素的表達式。jQuery 1.4開始，也可以傳遞一個字符串數組，用于查找多個元素。 #### **expr,[context]****String*V1.4* expr：用以過濾子元素的表達式 context：DOM元素在其中一個匹配的元素可以被發現。如果沒有上下文在當時的情況下通過了jQuery設置將被使用。 #### **jQuery object ****object*V1.6* 一個用于匹配元素的jQuery對象 #### **element****DOMElement*V1.6* 一個用于匹配元素的DOM元素。 ### 示例 #### 描述: 展示如何使用clostest查找多個元素 ##### HTML 代碼: ~~~ <ul><li></li><li></li></ul> ~~~ ##### jQuery 代碼: ~~~ $("li:first").closest(["ul", "body"]); ~~~ ##### 結果: ~~~ [ul, body] ~~~ #### 描述: 展示如何使用clostest來完成事件委托。 ##### HTML 代碼: ~~~ <ul> <li><b>Click me!</b></li> <li>You can also <b>Click me!</b></li> </ul> ~~~ ##### jQuery 代碼: ~~~ $(document).bind("click", function (e) { $(e.target).closest("li").toggleClass("hilight"); }); ~~~