자율 학습/학습
[jQuery] 부모, 형제, 자식 찾기
60cod
2022. 9. 13. 18:54
1. 부모
parent() : (조건에 맞는) 바로 위 부모 하나
parents() : (조건에 맞는) 모든 부모
closest() : (조건에 맞는) 부모 중 가장 가까운 하나
2. 형제
siblings() : (조건에 맞는) 모든 형제
prev() / next() : 이전 / 다음
eq(인덱스) : 선택한 요소의 인덱스 번호에 해당하는 요소
3. 자식
children() : 직계 자식 -괄호 안에 태그를 쓰면 직계 자식 중 해당 태그를 찾음.
- 조건으로 특정 자식 찾기
find('조건') : 모든 자식들 중에서 조건에 맞는 것
- 선택자로 특정 자식 찾기
children("선택자") : 선택자에 해당하는 특정 자식 노드만 찾는다.
- 첫 번째 자식 찾기
$대상.children().first()
$대상.children().eq(0)
$대상.children(":first")
$대상.children(":eq(0)")
- 마지막 자식 찾기
$대상.children().last()
$대상.children(":last")
$대상.children().eq($대상.children().length-1)
$대상.children(":eq)"+$대상.children().length-1"+")
$대상.children().eq(-1)
$대상.children(":eq(-1)")
- n번째 자식 찾기
$대상.children().eq(index)
$대상.children("eq("+index+")")
출처: https://m.blog.naver.com/PostView.naver?isHttpsRedirect=true&blogId=kimnx9006&logNo=220586673921