Изменить макет столбца для div, используя jquery во время выполнения

Question

Я работаю над интеграцией веб-портала сторонним поставщиком. Он позволяет выполнять настройку, предоставляя javacript и CSS в одном из своих разделов, которые будут включать в себя предоставленные javascript и CSS при загрузке веб-страниц для отображения настраиваемого эффекта.

Одна из настроек требует скрытия div (login-frm) и расширение еще одного div. Эти элементы div имеют установленный макет столбца:

 <div class="login-wc col-md-6"> </div>

 div class="login-frm col-md-6"> </div>

Как я могу изменить col-md-6 на col-md-12 для первого div, используя javacript или jquery при загрузке страницы?

Любая помощь будет действительно ощутимой.

Спасибо, Jaquen

Answer 1

Вы можете использовать removeClass и addClass как

$(document).ready(function(){
  $('.login-wc').removeClass('col-md-6').addClass('col-md-12');
})

$(document).ready(function(){
  $('.login-wc').removeClass('col-md-6').addClass('col-md-12');
})

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="login-wc col-md-6">ABC </div>

<div class="login-frm col-md-6">CDE </div>