jquery close() 方法
翻譯結果:
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>
#點擊 "執行實例" 按鈕查看線上實例