[jQuery] 제이쿼리(jquery)의 형제요소를 찾는함수 - Siblings()

 

제이쿼리(jquery)에서 가장 많이 사용하고 자주 사용하고 있는 엘리먼트의 형제 엘리먼트를 찾아주는 함수입니다.

siblings() 함수는 자신을 제외한 형제 엘리먼트를 찾는 함수입니다. 형제 엘리먼트의 class를 추가하거나 삭제할 때 많이 사용되는 함수입니다.

 

//siblings() 함수 사용법

elements.siblings([filter])

 

제이쿼리(jQuery)의 siblings() 함수

제이쿼리(jQuery)의 siblings() 함수는 지정한 선택자의 형제 요소를 모두 선택합니다.

<ul>
    <li>1. 철수</li>
    <li id="test">2. 동건</li>
    <li>3. 토마스</li>
    <li>4. 원빈</li>
    <li>5. 인성</li>
</ul>



=====================================


//id 가 test 요소를 제외하고 나머지 요소가져오기
$("li#test").siblings();

//id 가 test 인 형제요소들의 개수
$("#test").siblings().length;

 

추가로 nextSibling() 함수는 밑에 있는 형제엘리먼트를 previousSibling() 함수는 위에 있는 형제의 엘리먼트를 선택하는 함수입니다.