Разрезать поле слева от элемента пополам при определенной ширине окна

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

Чтобы установить новое значение поля left, попробуйте с помощью $("#div").css("margin-left",newmargin);

To GET значение, используя .css() = $("#div").css("margin-left")
To 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>