jquery - 如何在 css calc() 中发送动态值

Question

我想在每次更改时在 css 的 calc() 中发送动态数据，向您展示一些代码以理解需求

我在 countDist 类中获取我的数据，并希望在 calc 函数中发送代替 33

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="progress-group">
  <div class="countDist"></div>
  <div class="progress sm">
    <div class="progress-bar progress-bar-red" style="width: calc((100%)-33/100)"></div </div>
  </div>

$.getJSON('timeLineDataforDistToState', {
  stateCode: $(this).val(),
  ajax: 'true'
}, function(data) {
  var a = data;
  $('.countDist').html(a);
});

Answer 1

也许你可以像这样在 JS 中使用 CSS:

$('.countDist').css('width', '<YOUR_VALUE>');

不确定它是否有效，我已经很长时间没有使用 jQuery