jQuery: Traversing

Traversing이란?

DOM tree를 "move through"하는 것이다, 즉 각 element들이 맺고 있는 parent, child, sibling, ancestor, descendant 등의 관계에서 사이 사이를 지나는 것이다.

DOM Tree

• parent()

$("span").parent().css({
            "color" : "red",
            "border" : "2px solid red"});
});

 

• parents() : 지정한 element 상위의 모든 element에 적용된다, 그 중에서 filtering 하고 싶다면 parents() 파라미터 값에 selector를 적어주면 된다
• parentsUntil()
• children()
  • 첫번째 child만 선택하고 싶다면 .first
        예) children("p.first")
• find()
  • 모든 child element를 선택하고 싶다면 .find("*")
• siblings()
• next()
• nextAll()
• nextUntil()
• prev()
• prevAll()
• prevUntil()

Filtering

• first()
• last()
• eq(): 인덱스 값에 따른 검색 결과
• filter()
• not()