在运行时使用jquery更改div的列布局

Question

我正致力于由第三方供应商集成基于web的门户网站。它允许通过在其中一个部分中提供javascript和CSS进行自定义，该部分将在加载网页时包括提供的javascript和CSS，以显示自定义效果。

其中一个自定义需要隐藏一个div(登录frm(，并使另一个div更宽。这些div元素具有列布局集，如下所示：

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

如何在页面加载时使用javascript或jquery将第一个div的col-md-6更改为col-md-12？

任何帮助都将是非常可观的。

谢谢，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>