closest

英 [k'l??s?st]? ?美 [k'lo?s?st]??

adj.最靠近的

jquery closest()方法 語法

作用：closest() 方法獲得匹配選擇器的第一個祖先元素，從當前元素開始沿 DOM 樹向上。

語法：.closest(selector)

參數(shù)：

參數(shù)描述
selector? ??字符串值，包含匹配元素的選擇器表達式。?

說明：如果給定表示 DOM 元素集合的 jQuery 對象，.closest() 方法允許我們檢索 DOM 樹中的這些元素以及它們的祖先元素，并用匹配元素構造新的 jQuery 對象。.parents()?和 .closest() 方法類似，它們都沿 DOM 樹向上遍歷。

jquery closest()方法 示例

<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script>
<style>
  li { margin: 3px; padding: 3px; background: #EEEEEE; }
  li.hilight { background: yellow; }
</style>
</head>
<body>
  <ul>
    <li><b>Click me!</b></li>
    <li>You can also <b>Click me!</b></li>
  </ul>
<script>
  $( document ).bind("click", function( e ) {
    $( e.target ).closest("li").toggleClass("hilight");
  });
</script>
</body>
</html>
運行實例 ?

點擊 "運行實例" 按鈕查看在線實例