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”，我想要“hidden-md hidden-lg”，其中类名是“hidden-md hidden-lg”，我想要“看得见 - md visible-lg“所以输出将是：太阳而不是星期天。这应该发生在页面加载不在点击上。谢谢

Answer 1

您需要使用jquery的addClass和removeClass方法。

您的案例示例

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

然后使用addClass

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

您可以根据

之类的逻辑进行一些切换

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

删除类名称，然后使用jquery再次添加它

1 个答案: