JSFiddle - React, Tailwind, and code Playground

by forgetcolor

HTML

<a class="uiIconText uiUfiViewSharesLink" href="/shares/view?id=3727182772985" ajaxify="/ajax/shares/view?target_fbid=3727182772985" rel="async">
    <i class="img sp_62uhoc sx_067f6f"></i>
    1 share
</a>
<a class="uiIconText uiUfiViewSharesLink" href="/shares/view?id=3727182772985" ajaxify="/ajax/shares/view?target_fbid=3727182772985" rel="async">
    <i class="img sp_62uhoc sx_067f6f"></i>
    2 shares
</a>

JavaScript

var j = jQuery.noConflict();

j('.uiUfiViewSharesLink').each(function() {

    var linkhtml = j(this).html();
    linkhtml = linkhtml.replace(/\n/g, "");
    console.log("linkhtml: "+linkhtml);
    var parsed = linkhtml.match(/(.*)(\d+(?:,\d+)*)\s+(.*)/);
    console.log("parsed 0: "+parsed[0]);
    console.log("parsed 1: "+parsed[1]);
    console.log("parsed 2: "+parsed[2]);
    console.log("parsed 3: "+parsed[3]);
    var newinner = "";
    
    if(parsed) {
        newinner = parsed[1] + " " + parsed[3];
    }
    
    console.log(parsed);
    console.log('newinner: '+newinner);
    
    var newlink = j('<a>');
    newlink.attr('href', j('.uiUfiViewSharesLink').attr('href'));
    newlink.addClass('uiUfiViewSharesLink');
    newlink.html(newinner);
    
    j(this).before(newlink);

});