JSFiddle - React, Tailwind, and code Playground

HTML

<div>
    <span style="font-size: 35px;">$10</span>
    <span style="font-size: 25px;">$10</span>
    <span style="font-size: 10px;">$10</span>
    <span style="font-size: 20px;">$10</span>
</div>

JavaScript

var $prices = $.makeArray($('div *:contains($)'));
$prices.sort(function(a,b){
    var fontSizeA = parseFloat($(a).css('font-size')),
        fontSizeB = parseFloat($(b).css('font-size'));
    return fontSizeA - fontSizeB;
});

//writing out the result
var nl = '<br>';
$(document.body).append('<pre><code></code></pre>');
$('body code').html(function(){
    var ret = '['+nl;
    $.each($prices,function(i,el){
       var typ = el.nodeName.toLowerCase(),
           $el = $(el);
        ret +=  '    &lt;'+typ+' style="font-size: "'+$el.css('font-size')+'"&gt;'+el.innerHTML+'&lt;/'+typ+'&gt;'+(i+1<$prices.length?',':'')+nl;
    });
    return ret + ']'
});