closest

英 [k'ləʊsɪst]   美 [k'loʊsɪst]  

#adj.最接近的

jquery close() 方法 語法

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

語法：.closest(selector)

#參數：

參數說明
selector    字串值，包含符合元素的選擇器表達式。

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

jquery close() 方法 範例

<!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>
執行實例 »

#點擊 "執行實例" 按鈕查看線上實例

#