[jQuery] parents(), parent(), closest(), siblings(), children() - Selector

숑이·2021년 4월 7일
0

jQuery Selector

1.parents()

선택한 요소의 모든 부모요소들을 선택한다.

  • 두번째 상위요소(grandmom) 호출 하는 방법 - index로 호출 하는 eq()사용
$(this).parent().parent(); ==> $(this).parent().eq(2); 

2.parent()

선택한 요소의 가장 가까운 부모요소를 선택한다.

3.closest()

선택한 요소를 포함하면서 가장 가까운 부모요소를 선택한다.

  • closest('선택자'), closest('변수')
    · 선택한 요소 중 가장 가까운 상위 요소 선택자(tag, id, class)를 통해 선택한다.
    · 선택한 요소 중 가장 가까운 상위 요소 중 변수를 통해 선택한다.

4.siblings()

선택한 요소의 형제요소들을 선택한다.

  • 바로 옆에 있는 형제만 선택하고 싶다면 next() 함수사용

5.children()

선택한 요소의 직계 자식요소를 모두 선택한다.

  • 자손요소(grandson) 까지 선택하고 싶다면 find() 함수사용

0개의 댓글