parent 선택자
:parent 선택자는
부모(즉, 요소나 텍스트가 있는 비어있지 않은 요소)인
요소를 선택합니다.
jQuery 집합의 부모나 조상을 얻으려면
parent 메서드와
parents 메서드를 참고하세요.
:parent는 CSS 사양에 속하지 않기 때문에,
현대 브라우저에서 성능을 향상시키려면
먼저 순수한 CSS 선택자를 사용하여 요소를 필터링한 다음
.filter(':parent')를 적용하는 것이 좋습니다.
문법
부모 요소 가져오기:
$(':parent');
예시
초록색 배경을 가진 table이 있습니다.
부모인 td 셀을 찾아 회색으로 칠해봅시다:
<table>
<tr><td>aaa</td><td></td></tr>
<tr><td>bbb</td><td></td></tr>
<tr><td>ccc</td><td></td></tr>
</table>
table {
border: 1px;
}
td {
width: 40px;
background: green;
}
$('td:parent').css({background: '#ccc'});
