[jQuery] 부모, 형제, 자식 찾기

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

https://easy-coding.tistory.com/36