在一定的窗口宽度下将元素的左边距切成两半

Question

我想在一定的窗口宽度（移动）下将 div 容器的左边距切成两半。我已经尝试过使用 parseInt、.css 并将其临时存储在一个变量中。然后将其切成两半并使用 .replace。if ($(window).width() <= 590) {    let oldmargin = parseInt($("#div").css("marginLeft"));    let newmargin = oldmargin/2;    $("#div").css("marginLeft").replace('rem', newmargin);  }不幸的是，代码不起作用。

Answer 1

要设置 margin-left 的新值，请尝试使用 $("#div").css("margin-left",newmargin);

到GET使用值.css()=$("#div").css("margin-left")

到SET使用值.css()=$("#div").css("margin-left",newmargin)

$('.div').each(function() {

  var oldmargin = parseInt($(this).css("marginLeft"));

  var newmargin = oldmargin / 2;

  $(this).css("marginLeft", newmargin);

});

演示

$('.div').each(function() {

  var oldmargin = parseInt($(this).css("marginLeft"));

  var newmargin = oldmargin / 2;

  $(this).css("marginLeft", newmargin);

});

.div {

  margin-left: 20px;

}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<div class="div">#div</div>

<div class="div">#div</div>