我有如下所示的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>