javascript - JS配列を繰り返し、価格を並べ替えますか?

Question

さて、私は自分のWebページでアイテムをソートしようとしています.getElementsByClassNameを使用し、それをノードリストまたは配列として保存しますかわかりませんが、console.logにh2 price、h2 price、h2 priceと表示されます. アイテムの価格が欲しいので、並べ替えることができます innerHTML を表示すると、必要なアイテムの価格が表示されます。「h2 価格」の代わりにそれを取得して、$ を削除し、最初に最高価格または最低価格で並べ替えることができます?

ここに私のHTMLの一部があります：

<div class="col-sm-4">
<div class="product-image-wrapper">
<div class="single-products">
  <div class="productinfo text-center">
    <img src="images\site_images\bag3.jpg" alt="" height="249" />
    <h2 class="price">$881.10</h2>
    <h5>Authentic New Gucci ($1690) Micro-GG "Vernice" Crossbody w/Strap #309617, NWT</h5>
    <a href="#" class="btn btn-default add-to-cart"><i class="fa fa-shopping-cart"></i>Add to Cart</a>
  </div>
  <div class="col-sm-4">
    <div class="product-image-wrapper">
      <div class="single-products">
        <div class="productinfo text-center">
          <img src="images\site_images\bag4.jpg" alt="" height="249" />
          <h2 class="price">$569.05</h2>
          <h5>AUTHENTIC NWT ($819) Gucci GG Large Brown Denim Tassell Tote #336660, w/Gft Rcpt</h5>
          <a href="#" class="btn btn-default add-to-cart"><i class="fa fa-shopping-cart"></i>Add to Cart</a>
        </div>

        <div class="col-sm-4">
          <div class="product-image-wrapper">
            <div class="single-products">
              <div class="productinfo text-center">
                <img src="images\site_images\bag5.jpg" alt="" height="249" />
                <h2 class="price">$559.00</h2>
                <h5>Authentic Gucci GG Micro-Guccissima Leather Tote #309613 w/Gft Rcpt,NWT</h5>
                <a href="#" class="btn btn-default add-to-cart"><i class="fa fa-shopping-cart"></i>Add to Cart</a>
              </div>
              <button onclick="myFunction()">Try it</button>
              <p id="demo"></p>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

そして私のJavascript：

function myFunction() {
    var items = document.getElementsByClassName('price');
    var prices = [];
}