定義と使用法
最も近い（） メソッドは、要素を選択した最初の祖先要素を返します。
先祖の父、祖父、曽祖父、というように。
DOMツリー：この方法は、文書のルート要素（）のすべてのパスまで、現在の要素からアップトラバース最初の祖先要素のDOM要素を見つけること。
このメソッドは、 親（） 同様に、DOMツリーが上向きにトラバースされ、それは異なります。
最も近いです（）
現在の要素からスタート
最初の単一祖先DOMツリートラバーサル上方、及び渡さマッチング表現を返します
戻り値jQueryオブジェクトは、ゼロまたは1つの要素が含まれています
親（）
親要素から開始します
DOMツリートラバーサル上方向、および渡された式は、すべての祖先と一致して返します。
戻り値のjQueryオブジェクトはゼロ、一つ以上の要素が含まれています
文法
選択された要素の最初の祖先要素を返します。
$（セレクタ）.closest（フィルタ）
DOMツリーを見つけるために、最初の祖先要素のDOMコンテキストを返します：
$（セレクタ）.closest（フィルタ、コンテキスト）
パラメータ
| パラメータ | 必要 | 説明 |
|---|---|---|
| フィルタ | それはあります | 絞り込み規定祖先要素がセレクタ式要素またはjQueryオブジェクトの範囲です。 |
| 状況 | ノー | あなたはその中の要素にマッチするDOM要素を見つけることができます。 |
例
次の例では、リターンの<span>を示している最初の祖先要素は、<UL>要素です。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>欢迎来到jq教程</title>
<style>
.ancestors *{
display: block;
border: 2px solid lightgrey;
color: lightgrey;
padding: 5px;
margin: 15px;
}
</style>
//此版本是百度cdn 1.11.1，当然你可以使用更高的版本，从2.0版本以上的是不支持ie6-8的
<script type="text/javascript" src="http://libs.baidu.com/jquery/1.11.1/jquery.min.js"></script>
<script>
$(document).ready(function () {
$("span").closest("ul").css({"color":"red","border":"2px solid red"});
});
</script>
</head>
<body> body (曾曾祖先节点)
<div style="width:500px;">div (曾祖先节点)
<ul>ul (第二祖先 - 第二祖先节点)
<ul>ul (第一祖先 - 第一祖先节点)
<li>li (直接父节点)
<span>span </span>
</li>
</ul>
</ul>
</div>
</body>
</html>
相关方法
parent() - 返回被选元素的直接父元素
parentsUntil() - 返回两个给定参数之间的所有祖先元素