jquery로 특정 클래스를 가진 요소를 한번에 여러개를 찾아서 클래스를 변경하는 방법

 

 

 

프론트 작업을 하다가 특정 클래스를 많은 요소에 심어두고 한번에 제거해서
다른 클래스를 추가하고 싶은 상황이 생겼다.

 

 

 

어떻게 할 수 있을까 생각을 하다가 foreach, each 다른것도 약하지만 프론트에 한없이 약하기에(본인은 굉장한 노력파)

또 열심히 찾아본 결과 나름 나쁘지 않은 해답을 찾았다.

 

 

 

 

본인은 요소들을 찾아서 값을 변경하거나 하는 등의 중요한 작업을 하는게 아닌 A클래스를 가진 요소를 찾아서 A클래스를 제거하고 B클래스로 변경해주고 싶었다.

 

 

 

 

 

 

이런 경우 아래와 같이 처리하면 아주 간단히 처리할 수 있다.

 

 

 

 

// 특정 클래스를 가진 요소 선택
var elements = $(".특정클래스");

// 선택한 요소의 클래스 변경
elements.removeClass("기존클래스").addClass("변경할클래스");

 

 

 

 

위와 같이 사용하면 1개의 클래스만이 아닌 특정클래스를 지닌 요소 여러개의 기존클래스를 한꺼번에 제거하고

그 요소들에 변경할 클래스를 모두 추가해줄 수 있다 :)

 

 

햅삐햅삐