JSFiddle - React, Tailwind, and code Playground

by Shaunak Deshpande

HTML

<div class="item price-class">
  <div class="product-box">
  <h2 class="price">340</h2>
  </div>
</div>

<div class="item price-class">
  <div class="product-box">
  <h2 class="price">450</h2>
  </div>
</div>

<div class="item price-class">
  <div class="product-box">
  <h2 class="price">870</h2>
  </div>
</div>

JavaScript

$('.price').each(function(){

    $(this).parents('.price-class').removeClass('price-class').addClass($(this).html()+'-price');
});