JSFiddle - React, Tailwind, and code Playground

HTML

<div class="article-container">

      <div class="article">
         <div class="article-child">9</div>
      </div>
      <div class="article">
         <div class="article-child">3</div>
      </div>
      <div class="article">
         <div class="article-child">5</div>
      </div>
      <div class="article">
         <div class="article-child">4</div>
      </div>
      <div class="article">
         <div class="article-child">1</div>
      </div>

 </div>

JavaScript

var cont = $(".article-container");
    var arr = $.makeArray(cont.children(".article"));

    arr.sort(function(a, b) {
      var textA = +$(a).find('.article-child').text();
      var textB = +$(b).find('.article-child').text();

      if (textA < textB) return 1;
      if (textA > textB) return -1;

      return 0;
    });

    cont.empty();

    $.each(arr, function() {
        cont.append(this);
    });