在頁面中,我們經常需要對某個元素進行操作,而這個元素可能被包含在其它元素之中。這時,我們就需要用到選擇父級 div 的方法。
在 jQuery 中,選擇父級 div 可以使用 parent() 方法。比如,我們有這樣的一個 HTML 結構:
<div class="outer"> <div class="inner"> <span>Hello World!</span> </div> </div>
如果我們想要選擇最外層的那個 div(outer),可以使用以下代碼:
$('.inner').parent()
這個語句會返回 outer 這個 div 元素,因為它是 inner 元素的直接父級。
除了 parent() 方法,還可以使用 parents() 方法來選擇所有的父級元素。這個方法會返回一個包含所有父級元素的 jQuery 對象,可以鏈式調用其它方法:
$('.inner').parents().css('background-color', 'gray');
這個語句會將所有的父級元素的背景色都改為灰色。
需要注意的是,如果在頁面中有多個符合要求的父級元素,parent() 方法只會選擇其中最近的一個。