JQuery Traversing

1. Ancestors

• $("span").parent();
  • span의 바로 위의 것만
• $("span").parents();
  • span의 위에 있는 모든 것들
  • 괄호 안에 span 위에 있는 것들 중 하나 적으면 그것만 해당되게 할 수 있음
• $("span").parentsUntil("div");
  • span과 div 사이에 있는 것만
  • div는 해당되지 않고, div 이전 것까지만

2. Descendants

• .children()
  • $("div").children();
    • div 바로 아래에 있는 것
    • 여러개도 가능 -> 바로 아래에 여러개 있을 수도 있으니
  • $("div").children("p.first");
    • div 바로 아래에 있는 것들 중에서 first라는 class를 가진 p만
• .find()
  • 아래에 있는 것들 중 특정한 것만 고르거나 모두를 고를 수 있음
  • $("div").find("span");
    • div 아래의 있는 것들 중에 span들만 고름
  • $("div").find("*");
    • div 아래의 있는 모든 것들

3. Siblings

• .siblings();
  • $("h2").siblings();
    • h2인 자기자신을 제외한 같은 라인에 있는 것들을 고름
    • 만약 자기자신이 2개 이상이면 자기자신도 포함
    • 혼자일때만 제외
  • $("h2").siblings("p");
    • h2와 같은 라인에 있는 것 중에 p만 고름
• .next()
  • $("h2").next();
    • h2와 같은 라인에 있으면서도 h2 바로 뒤에 오는 것
  • $("h2").nextAll();
    • h2와 같은 라인에 있고, h2 뒤에 있는 모든 것들
  • $("h2").nextUntil("h6");
    • h2와 같은 라인에 있고, h2 뒤에 있는 모든 것들부터 h6가 나오기 전까지
    • h6은 포한되지 않음
• .prev()
  • .next()와 반대
  • .prev()
  • .prevAll()
  • .prevUntil()

4. Filtering

• first()
  • $("div").first();
    • div들 중 제일 처번째 것
• last()
  • $("div").last();
  • div들 중에서 제일 나중 것
• eq()
  • $("p").eq(1);
    • p중에서 2번째 것 (0이 첫번째니까 1은 두번째)
• filter()
  • $("p").filter(".intro");
    • p중에서 intro라는 class를 가진 것들
• not()
  • $("p").not(".intro");
    • p중에서 intro라는 class를 가지지 않은 것들

---

참고: https://www.w3schools.com/jquery/jquery_traversing.asp