Seleccionar múltiples clases con jQuery
-
20-08-2019 - |
Pregunta
I & # 8217; he tenido un buen aspecto y no puedo & # 8217; parece que no encuentro cómo seleccionar todos los elementos que coinciden con ciertas clases en una declaración de selector jQuery como esta:
$('.myClass', '.myOtherClass').removeClass('theclass');
¿Alguna idea sobre cómo lograr esto? La única otra opción es hacer
$('.myClass').removeClass('theclass');
$('.myOtherClass').removeClass('theclass');
Pero yo & # 8217; estoy haciendo esto con bastantes clases, por lo que requiere mucho código.
Solución
Esto debería funcionar:
$('.myClass, .myOtherClass').removeClass('theclass');
Debe agregar todos los selectores múltiples en el primer argumento a $ (), de lo contrario, le dará a jQuery un contexto en el que buscar, que no es lo que desea.
Es lo mismo que haría en CSS.
Otros consejos
¿Has probado esto?
$('.myClass, .myOtherClass').removeClass('theclass');
Yo uso $('.myClass.myOtherClass').removeClass('theclass');
// Due to this Code ): Syntax problem.
$('.myClass', '.myOtherClass').removeClass('theclass');
Según la documentación de jQuery: https://api.jquery.com/multiple-selector/
Cuándo puede seleccionar varias clases de esta manera:
jQuery(“selector1, selector2, selectorN”) // double Commas. // IS valid.
jQuery('selector1, selector2, selectorN') // single Commas. // Is valid.
encerrando todos los selectores en un solo '...' 'o comas dobles, " ... "
Entonces, en su caso, la forma correcta de llamar a varias clases es:
$('.myClass', '.myOtherClass').removeClass('theclass'); // your Code // Invalid.
$('.myClass , .myOtherClass').removeClass('theclass'); // Correct Code // Is valid.