관리 메뉴

Life goes slowly...

[jQuery] jQuery(제이쿼리) 다음 요소 선택하기 - .next(), .nextAll() 본문

프로그래밍/Javascript

[jQuery] jQuery(제이쿼리) 다음 요소 선택하기 - .next(), .nextAll()

빨강소 2020. 11. 5. 14:40
728x90
반응형

 

 

자바스크립트의 jQuery(제이쿼리)에서는 선택 및 지정한 요소의 다음 엘리먼트를 가져오도록 하는 함수를 사용할수있습니다.

지정한 요소에 인접한 다음 요소의 엘리먼트를 선택하는 함수로는 .next(), .nextAll(), .nextUntil() 가 있습니다.

 

jQuery(제이쿼리)의 .next() 함수

자바스크립트의 jQuery(제이쿼리)의 .next() 함수는 선택한 요소의 바로 다음에 위치한 형제의 요소를 선택하는 함수입니다.

//함수 사용방법 
$(select).next(); 
$(select).next(selector);

 

jQuery(제이쿼리)의 .nextAll() 함수

자바스크립트의 jQuery(제이쿼리)의 .nextAll() 함수는 선택한 요소의 바로 다음에 위치한 모든 형제의 요소를 선택하는 함수입니다.

//함수 사용방법 
$(select).nextAll(); 
$(select).nextAll(selector);

 

jQuery(제이쿼리)의 .nextUntil() 함수

자바스크립트의 jQuery(제이쿼리)의 .nextUntil() 함수는 선택한 요소의 바로 다음에 위치한 요소 중에 조건이 맞는 함수를 찾아내는 함수입니다.

이때 선택자를 인수로 전달하지 않게 된다면 .next() 함수와 동일하게 선택한 요소의 다음에 위치한 형제의 요소를 선택하는 함수입니다.

//함수 사용방법 
$(select).nextUntil(); 
$(select).nextUntil(selector);

 

 

728x90
반응형
Comments