从jQuery获取样式属性值

Question

我有如下所示的HTML。单击div .swatch-option时，我正在阅读no-display类的style属性，然后为.normal-price div添加类。

no-display类的

style属性为我提供了inline的值，但实际上是none。

如何在这里获得该价值？任何人都可以调查一下并向我更新。

$(document).ready(function($) {
  $('.swatch-option').on("click", function() {
    var styleval = $('.no-display').css("display");
    if (styleval == 'none') {
      $('.normal-price').addClass('swatch-price');
    } else {
      $('.normal-price').removeClass('swatch-price');
    }
  });
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<span class="normal-price">Test</span>
<div class="swatch-option" aria-checked="true">Eng</div>
<span class="old-price sly-old-price no-display" style="display: inline;"></span>
<span class="price-container price-final_price tax weee"></span>
<span class="price-label">Regular Price</span>
<span id="old-price-5429" data-price-amount="2" data-price-type="oldPrice" class="price-wrapper "><span class="price">£2.00</span></span>
</span>
</span>