Получить значение атрибута стиля из jquery

Question

У меня есть HTML, как показано ниже.При нажатии div .swatch-option я читаю атрибут стиля класса no-display, затем добавление класса для .normal-price div.

атрибута стиля класса no-display дает мне значение как 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>