2011-08-25 18 views
98

Estoy tratando de agregar y eliminar varias clases en un campo de texto haciendo clic en diferentes botones de opción. No puedo eliminar las clases no deseadas mientras cambio entre diferentes botones de opción. Mi código para esto es:agregar y eliminar varias clases en 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]]"); 
} 
+0

este código está trabajando para mí –

Respuesta

191

se puede separar varias clases con el espacio:

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

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

+1

He encontrado una solución para esto, cada vez que utilizo .removeClass() solamente y no hay necesidad de escribir cualquier nombre de clase en removeClass para eliminar todas las clases añadidas y añadir cualquier clase por elección. Sí, está funcionando ...! – Raman

+1

El uso de .removeClass() [sin parámetros] elimina todas las clases del objeto jQuery. – Ahmet

0

forma más fácil de agregar nombre de la clase usando javascript. Puede ser útil cuando .siblings() se comporta mal.

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

Esta respuesta no es relevante para la pregunta, que pidió explícitamente jQuery. – cyberbit

+0

Y debe usar classList de todos modos – K48

Cuestiones relacionadas