Tambah dan hapus beberapa kelas di jQuery

Saya mencoba menambah dan menghapus beberapa kelas pada bidang teks dengan mengklik tombol radio yang berbeda. Saya tidak dapat menghapus kelas yang tidak diinginkan sambil beralih di antara berbagai tombol radio.

Kode saya untuk ini adalah:

// 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]]");
}

Anda dapat memisahkan beberapa kelas dengan spasi:

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

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

Tambahkan beberapa kelas:

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

atau dalam kaskade:

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

Sangat mirip juga untuk menghapus lebih banyak kelas:

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

atau dalam kaskade:

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

Cara termudah untuk menambahkan nama kelas menggunakan javascript. Ini bisa bermanfaat saat .siblings()bertingkah buruk.

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