JSFiddle - React, Tailwind, and code Playground
HTML
<div class="article-container">
<div class="article">
<div class="article-child">views 9</div>
</div>
<div class="article">
<div class="article-child">views 3</div>
</div>
<div class="article">
<div class="article-child">views 5</div>
</div>
<div class="article">
<div class="article-child">views 10</div>
</div>
<div class="article">
<div class="article-child">views 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().match(/views (\d+)/)[1];
var textB = +$(b).find('.article-child').text().match(/views (\d+)/)[1];
if (textA < textB) return 1;
if (textA > textB) return -1;
return 0;
});
cont.empty();
$.each(arr, function() {
cont.append(this);
});