<div class="progress-bar-item-with-text">
<p>Количество сделок продажа</p>
<div class="progress-bar-item uk-margin-right">
<div class="progress-bar-activity" style="width: 10%">
</div>
</div>
<div class="uk-margin-remove-left uk-child-width-1-2@m" uk-grid>
<span class="progress-bar-text-down uk-text-right">1</span>
<span class="progress-bar-text-down uk-text-right"><b>1.2</b></span>
</div>
</div>
У меня есть 6 штук блоков, каждые называются одинаково, только значения в теге <b>1.2</b>
разные. Как сделать так, чтобы при значении в теге b > 1 к строке
<div class="progress-bar-activity" style="width: 10%"></div>
добавлялся один класс, а при значении в теге b < 1 добавлялся другой класс?
Делаю так:
$(document).ready(function() {
if (parseFloat($('.progress-bar-item-with-text .progress-bar-text-down b').text()) > 1) {
$('.progress-bar-item-with-text .progress-bar-item .progress-bar-activity').addClass("progress-bar-activity-more");
}
else {
$('.progress-bar-item-with-text .progress-bar-item .progress-bar-activity').addClass("progress-bar-activity-less");
}
});
Но, получается, что один класс добавляется ко всем классами <div class="progress-bar-activity" style="width: 10%"></div>