JSFiddle - React, Tailwind, and code Playground

by Alexander Startsev

HTML

<ul>
    <li><span>Название 1</span><span class="number">35</span></li>
    <li><span>Название 2</span><span class="number">11</span></li>
    <li><span>Название 3</span><span class="number">43</span></li>
    <li><span>Название 4</span><span class="number">46</span></li>
    <li><span>Название 5</span><span class="number">7</span></li>
    <li><span>Название 6</span><span class="number">19</span></li>
    <li><span>Название 7</span><span class="number">28</span></li>
    <li><span>Название 8</span><span class="number">12</span></li>
    <li><span>Название 9</span><span class="number">29</span></li>
    <li><span>Название 10</span><span class="number">50</span></li>
</ul>

<button class="sort-button">Sort</button>

CSS

span.number{
    display: block;
}

JavaScript

function sortAsc(a,b){
  return +($('span.number', a).text()) > +($('span.number', b).text()) ? 1 : -1;
}

$(function(){
	$('.sort-button').on('click', function(){
		$('ul li').sort(sortAsc).prependTo($('ul'));
    });
});