jQuery選擇器是一種方便選擇HTML元素的工具,而選擇器的一種功能就是父元素選擇器。
父元素選擇器可以用來選取指定元素的直接父元素。比如說我們要選取一個p標簽的父元素:
$( "p" ).parent();
這條代碼就會選取所有p標簽的直接父元素。如果p標簽的父元素是div標簽,我們也可以使用以下代碼:
$( "p" ).parent( "div" );
這樣就只會選取p標簽直接父元素為div標簽的元素。
父元素選擇器還可以用來選取指定元素祖先元素的集合。比如說,我們要選取某個元素的所有祖先元素。
$( "p" ).parents();
這樣就會選取p標簽的所有祖先元素。
父元素選擇器的常見用途是用來選取表單元素的父元素,比如說選取一個input元素的表格行:
$( "input" ).parents( "tr" );
這樣就會選取所有input元素的直接父元素為表格行的元素。