closest

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

#adj.最接近的

jquery close() 方法 語法

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

語法:.closest(selector)

#參數(shù):

參數(shù)說明
selector? ??字串值,包含符合元素的選擇器表達(dá)式。

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

jquery close() 方法 範(fàn)例

<!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>
執(zhí)行實(shí)例 ?

#點(diǎn)擊 "執(zhí)行實(shí)例" 按鈕查看線上實(shí)例

#