Удалить имя класса и снова добавить его с помощью jquery

Question

Здравствуйте, я хотел удалить имя класса и заменить его другим именем класса, используя jquery или js.

 <th id="SUN" scope="col" class="t-ClassicCalendar-dayColumn"> 
     <span class="visible-md visible-lg">Sunday </span> 
     <span class="hidden-md hidden-lg">Sun</span> 
     </th> 

Как показано в приведенном выше коды, где имя класса «видимая мД видимой Л.Г.» там я хотел «скрытого мД скрытого Л.Г.» и где имя класса «скрытого-мкр скрытого Л.Г.» там я хотел «visible-md visible-lg», поэтому выход будет: Sun, а не в воскресенье. Это должно происходить на странице Load not on Click. спасибо

Answer 1

Вам необходимо использовать addClass и removeClass метод jquery.

Пример для случая

$("span").removeClass("visible-md visible-lg"); 

затем использовать addClass

$("span").addClass("hidden-md hidden-lg"); 

Вы можете сделать некоторые тумблер, основываясь на логике, как

if (add) { 
    $(span).addClass(className); 
} else { 
    $(span).removeClass(className); 
}