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

Javascript 在一定的窗口宽度下,将元素左侧的边距切成两半,javascript,jquery,css,Javascript,Jquery,Css,我想在一定的窗口宽度下将div容器的左边边距切成两半 我用parseInt、.css尝试过这个方法,并将其暂时存储在一个变量中。然后把它切成两半使用,换掉 if ($(window).width() <= 590) { let oldmargin = parseInt($("#div").css("marginLeft")); let newmargin = oldmargin/2; $("#div").css("marginLeft").replace('rem'

我想在一定的窗口宽度下将div容器的左边边距切成两半

我用parseInt、.css尝试过这个方法,并将其暂时存储在一个变量中。然后把它切成两半使用,换掉

if ($(window).width() <= 590) {
    let oldmargin = parseInt($("#div").css("marginLeft"));
    let newmargin = oldmargin/2;
    $("#div").css("marginLeft").replace('rem', newmargin);
  }

很遗憾,代码不起作用。

要设置新的左边距值,请尝试使用$div.cssmargin-left,newmargin

使用.css=$div.cssmargin-left获取值 使用.css=$div.cssmargin-left、newmargin设置值

演示

$'.div'.eachfunction{ var oldmargin=parseInt$this.cssmarginLeft; var newmargin=oldmargin/2; $this.cssmarginLeft,newmargin; }; .分区{ 左边距:20px; } div
谢谢!这工作完美!现在我碰巧有多个div,它只会根据id更改第一个ofc的宽度。如何更改它以应用于每个具有类名的div?
$('.div').each(function() {
  var oldmargin = parseInt($(this).css("marginLeft"));
  var newmargin = oldmargin / 2;
  $(this).css("marginLeft", newmargin);
});