JSFiddle - React, Tailwind, and code Playground

by Rino Raj

HTML

<div class="wrapper">

						<div class="item-course item-39">thirtynine</div>
						<div class="item-course item-28">twentyeight</div>
						<div class="item-course item-52">fiftytwo</div>
						<div class="item-course item-45">fourtyfive</div>
            <div class="item-course item-26">twentysix</div>
            <div class="item-course item-51">fiftyone</div>
                        
     </div>

JavaScript

jQuery(document).ready(function(){
	
   	var $wrapper = $('.wrapper');

	$wrapper.find('.item-course').sort(function(a, b) {
		
		var aclassStr = $(a).attr('class'),
    		asortNum = aclassStr.substr( aclassStr.lastIndexOf('-') + 1);
		var bclassStr = $(b).attr('class'),
    		bsortNum = bclassStr.substr( bclassStr.lastIndexOf('-') + 1);
		return +asortNum - +bsortNum;
	})
	.appendTo($wrapper);
 
} );