jquery closest方法

.closest( selector )

Description: For
each element in the set, get the first element that matches the selector by testing the element itself and traversing up through its ancestors in the DOM tree.

使用说明:

对于集合(set)中的每一个元素, 通过在文档树中向上遍历这个元素本身和它的祖先元素,来取得第一个与选择符(selector)匹配的那个元素.

举例:

<ul  style="float:left">
<li >
<table>
<tr>
<td>
this is <span>[Span]</span> party.
<div>1
<div>2
<article>
<span id="third">3
<div>4
<div>5</div>
</div>
</span>
</article>
</div>
</div>
</td>
</tr>
</table>
</li>
</ul>

$("#third").closest("div")

结果为:

<div>2
<article>
<span id="third">3
<div>4
<div>5</div>
</div>
</span>
</article>
</div>