JSFiddle - React, Tailwind, and code Playground

by Robertzoone

HTML

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<div class="elements">

<div class="item">
<span class="title">Title 1</span>
<span class="price_old">14.99</span>
<span class="price_new">14.99</span>
</div>

<div class="item">
<span class="title">Title 2</span>
<span class="price_old">0</span>
<span class="price_new">9.99</span>
</div>

<div class="item">
<span class="title">Title 3</span>
<span class="price_old">12.99</span>
<span class="price_new">14.99</span>
</div>

<div class="item">
<span class="title">Title 4</span>
<span class="price_old">18.99</span>
<span class="price_new">14.99</span>
</div>

<div class="item">
<span class="title">Title 5</span>
<span class="price_old">10.99</span>
<span class="price_new">10.99</span>
</div>

<div class="item">
<span class="title">Title 6</span>
<span class="price_old">9.99</span>
<span class="price_new">9.99</span>
</div>

</div>

CSS

.elements {
  display: block;
}

.item {
  width: 250px;
  height: 50px;
}
.title {
  display:block;
  font-weight: bold;
}

.price_old {
  text-decoration: line-through;
}

.price_new {
  font-weight: bold;
}

.test {
  color: red;
}

JavaScript

var NewPArr = [];
var NewP = $('.item .price_new').each(function() {  
    NewPArr.push($(this).text());
});

var OldPArr = [];
var OldP = $('.item .price_old').each(function() {  
    OldPArr.push($(this).text());
});

 if ( OldPArr <= NewPArr ) {
console.log('it works');
 //   $('.item .price_old').hide();
    $('.item .price_old').addClass('test');
 }


console.log(NewPArr); 
console.log(OldPArr);