JSFiddle - React, Tailwind, and code Playground

HTML

<div class="parent">
<div class="product" id="pr_1" data-id="1">Some Content1 19</div>
<div class="product" id="pr_2" data-id="2">Some Content2 10</div>
<div class="product" id="pr_3" data-id="3">Some Content3 5</div>
<div class="product" id="pr_4" data-id="4">Some Content4 22</div>
  </div>
<div class="newparent">
</div>

JavaScript

$(document).ready(function() {
  var list = [[1,19], [2,10], [3,5], [4, 22]];

  list.sort(function(a,b) {
      return a[1] - b[1];
  });
  
  for(i=0;i<list.length;i++){
    var $product = $(".parent").find(".product[data-id=" + list[i][0]+"]");
    $(".newparent").append($product);
  }

});