jQuery에서 여러 클래스 추가 및 제거

jQuery에서 여러 클래스 추가 및 제거

---

다른 라디오 버튼을 클릭하여 텍스트 필드에서 여러 클래스를 추가하고 제거하려고합니다. 다른 라디오 버튼 사이를 전환하는 동안 원하지 않는 클래스를 제거 할 수 없습니다.

이것에 대한 내 코드는 다음과 같습니다

// For 1st radio button
if (actionUrl == "search-client-by-id") {
    $("#req").removeClass("validate[required,custom[onlyLetterNumber],maxSize[20],custom[onlyLetterSp]]")
             .addClass("validate[required,custom[onlyNumberSp]]");
}
// For 2nd radio button
else if (actionUrl == "search-client-by-name") {    
    $("#req").removeClass("validate[required,custom[onlyNumberSp]]")
             .addClass("validate[required,custom[onlyLetterNumber],maxSize[20],custom[onlyLetterSp]]");
}

---

공백으로 여러 클래스를 분리 할 수 ​​있습니다.

$("p").addClass("myClass yourClass");

http://api.jquery.com/addClass/

---

여러 클래스를 추가하십시오.

$("p").addClass("class1 class2 class3");

또는 계단식으로 :

$("p").addClass("class1").addClass("class2").addClass("class3");

더 많은 클래스를 제거하는 것도 매우 유사합니다.

$("p").removeClass("class1 class2 class3");

또는 계단식으로 :

$("p").removeClass("class1").removeClass("class2").removeClass("class3");

---

자바 스크립트를 사용하여 클래스 이름을 추가하는 가장 쉬운 방법입니다. .siblings()오작동 하는 경우 유용 할 수 있습니다 .

document.getElementById('myId').className += ' active';

참고 URL : https://stackoverflow.com/questions/7185709/add-and-remove-multiple-classes-in-jquery