[jQuery] 제이쿼리 형제 선택자 by siblings(), next()

제이쿼리를 통해 형제 요소를 찾는 방법에 대해 알아보도록 하겠습니다.

 

1.siblings()

 

형제 요소 모두 선택하는 함수입니다.

<div>
     <p class="a">1</p>
     <p class="b">2</p>
     <p class="c">3</p>
     <p class="d">4</p>
</div>
<script>
     console.log($('p.a').siblings())
</script>

2.next()

바로 옆에 있는 형제만 탐색자로 하는 함수입니다.

<div>
     <p class="a">1</p>
     <p class="b">2</p>
     <p class="c">3</p>
     <p class="d">4</p>
</div>
<script>
     console.log($('p.a').next())
</script>