JQuery 선택자 찾는 방법(자식, 부모, 형제 등)

JQuery를 사용하여 자식, 부모, 형제 요소를 선택하기 위해 다양한 선택자를 활용할 수 있습니다. 아래에 각각에 대한 예시와 설명을 제공합니다.

 

1. 자식 요소 선택하기:

• 부모 요소의 자식 중 특정 요소를 선택하려면 children() 메서드를 사용합니다. 예를 들어, <div> 요소의 자식 <p> 요소를 선택하려면 다음과 같이 작성할 수 있습니다:

$('div').children('p');

 

 

2. 부모 요소 선택하기:

• 현재 요소의 부모 요소를 선택하려면 parent() 메서드를 사용합니다. 예를 들어, <p> 요소의 부모 <div> 요소를 선택하려면 다음과 같이 작성할 수 있습니다:

$('p').parent('div');

 

형제 요소 선택하기:

• 현재 요소의 다른 형제 요소를 선택하려면 siblings() 메서드를 사용합니다. 예를 들어, <p> 요소의 형제 <span> 요소를 선택하려면 다음과 같이 작성할 수 있습니다:

$('p').siblings('span');

 

 

또는 선택자의 종류에 따라 다른 선택자를 사용할 수도 있습니다. CSS 선택자를 사용하거나 다른 JQuery 메서드를 조합하여 필요한 요소를 선택할 수 있습니다. 위에 제시된 예시는 JQuery의 일부 기능을 보여주는 것이므로 다양한 선택자와 메서드를 사용하여 더 복잡한 선택 작업을 수행할 수도 있습니다.