jQuery中的closest方法有一個相反的方法,即為farthest方法。Farthest方法能夠查找最遠的祖先元素,也就是最遠的上級元素。
$(element).farthest(selector);
與closest方法類似,farthest方法也接受一個選擇器字符串作為參數。該選擇器用于匹配最遠的祖先元素,也就是包含目標元素的最遠上級元素。
使用farthest方法可以通過一些非常常見的DOM結構,例如嵌套列表或面包屑導航實現。在這些場景中,最遠的祖先元素通常指的是頭部或根元素。
<nav>
<ul>
<li><a href="#">首頁</a></li>
<li><a href="#">關于我們</a></li>
<li><a href="#">服務項目</a></li>
<li><a href="#">聯系我們</a></li>
</ul>
</nav>
在這個導航菜單中,根元素即為nav元素。對于每一個鏈接,我們可以通過farthest方法查找最遠的祖先元素:
var root = $("a").farthest("nav");
在上述例子中,我們使用了farthest方法去找到最遠的祖先元素nav。借此得到整個導航菜單的根元素,再進行相應的處理。
使用farthest方法可以更加便捷地遍歷DOM結構,實現更加復雜的功能。當查找最遠祖先元素的時候,farthest方法將會是你的有力工具。