parent 선택자

:parent 선택자는 부모(즉, 요소나 텍스트가 있는 비어있지 않은 요소)인 요소를 선택합니다. jQuery 집합의 부모나 조상을 얻으려면 parent 메서드와 parents 메서드를 참고하세요. :parent는 CSS 사양에 속하지 않기 때문에, 현대 브라우저에서 성능을 향상시키려면 먼저 순수한 CSS 선택자를 사용하여 요소를 필터링한 다음 .filter(':parent')를 적용하는 것이 좋습니다.

문법

부모 요소 가져오기:

javascript$(':parent');

예시

초록색 배경을 가진 table이 있습니다. 부모인 td 셀을 찾아 회색으로 칠해봅시다:

html<table>
  <tr><td>aaa</td><td></td></tr>
  <tr><td>bbb</td><td></td></tr>
  <tr><td>ccc</td><td></td></tr>
</table>

csstable {
  border: 1px;
}

td {
  width: 40px;
  background: green;
} 

javascript$('td:parent').css({background: '#ccc'});

참고 항목