JSFiddle - React, Tailwind, and code Playground

HTML

<div class="all">
  <div class="item">
    <h4>Title</h4>
    <p class="price">150</p>
  </div>
  <div class="item">
    <h4>Title</h4>
    <p class="price">34</p>
  </div>
  <div class="item">
    <h4>Title</h4>
    <p class="price">28</p>
  </div> 
  <div class="item">
    <h4>Title</h4>
    <p class="price">120</p>
  </div>
  <div class="item">
    <h4>Title</h4>
    <p class="price">230</p>
  </div>
</div>

JavaScript

const container = document.querySelector('div.all')
const items = Array.from(container.querySelectorAll('.item'))

// сортируем
items.sort((a, b) => {
  const priceA = parseInt(a.querySelector('.price').textContent, 10)
  const priceB = parseInt(b.querySelector('.price').textContent, 10)
  return priceA - priceB
})

// вставляемв нужном порядке
items.forEach(item => container.appendChild(item))