เพิ่มและลบหลายคลาสใน 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");

วิธีที่ง่ายที่สุดในการต่อท้ายชื่อคลาสโดยใช้ javascript จะมีประโยชน์เมื่อ.siblings()มีการประพฤติตัวไม่เหมาะสม

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