Переключить несколько классов элементов с помощью jQuery
Возможно, вам понадобится преобразовать их в нижний регистр, чтобы предотвратить путаницу.
objs.sort(function (a,b) {
var nameA=a.last_nom.toLowerCase(), nameB=b.last_nom.toLowerCase()
if (nameA < nameB)
return -1;
if (nameA > nameB)
return 1;
return 0; //no sorting
})
8 ответов
Ответ обновлен
$(".main").click(function() {
$(this).toggleClass("classA").toggleClass("classB");
$('.togToo').toggleClass("classC").toggleClass("classD");
})
Если элементы, подлежащие переключению, начинаются с одного из двух классов, вы можете переключаться вперед и назад следующим образом:
$('#element_to_click').click( function(){
$('.togToo').toggleClass('classC classD');
});
Вы можете переключать N классов одновременно
$(/* selector */).toggleClass('classA classB classC');
Почему вы не используете селектор классов jQuery?
$('.togToo').toggleClass("classC").toggleClass("classD");
Это должно сработать:
$(".main").click(function() {
$(this).toggleClass("classA").toggleClass("classB");
$(".togToo").toggleClass("classC").toggleClass("classD");
));
Кроме того, при переключении классов я бы предложил иметь базовый класс и класс переключения вместо переключения между двумя классами.
Я делаю это таким образом, имея несколько изображений с классом $ ('. Img-polaroid') и классом $ ('. Drag'), когда при нажатии на одно из изображений удаляется $ ('. Drag' ) к этому элементу после добавления его обратно ко всем из них
$('.img-polaroid').click(function(){
if ($(this).hasClass('drag'))
{
$('.img-polaroid').addClass('drag');
$(this).removeClass('drag');
}
});
Если вы ищете способ переключаться между разными классами один за другим, а не все вместе, я быстро написал небольшой скрипт, который вы можете использовать:
https://github.com /ThibaultJanBeyer/.toggleClasses-for-jQuery
он расширяет новый метод jQuery .toggleClasses (), который делает именно то, что вы хотите. проверьте это и не стесняйтесь делать это лучше, если у вас есть улучшения :)
Вы можете просто сделать что-то вроде
$(".classC").toggleClass("ClassD");
внутри обработчика «щелчка»
.