JSFiddle - React, Tailwind, and code Playground

by prodac

HTML

<h2>Product Name</h2>
<div id="cat_description">
    <div id="list">
        <ul id="dynamic_ID-01" class="list_item">
            <li id="source_ahref" class="source_ahref"><a href="http://www.sitepoint.com/forums/showthread.php?p=4729682#post4729682">This is the Source Link</a></li>
            <li class="text">Support Document 1&nbsp;
                <a id="target_ahref" class="target_ahref" href="#">Read Document</a>
            </li>
            <li class="count">Alpha</li>
            <li class="timestamp">105322</li>
        </ul>
        
        <ul id="dynamic_ID-04" class="list_item">
            <li id="source_ahref" class="source_ahref"><a href="http://www.sitepoint.com/forums/showthread.php?p=4729682#post4729682">This is the Source Link</a></li>
            <li class="text">Support Document 4&nbsp;
                <a id="target_ahref" class="target_ahref" href="#">Read Document</a>
            </li>
            <li class="count">Charlie</li>
            <li class="timestamp">105324</li>
        </ul>
        
        <ul id="dynamic_ID-02}" class="list_item">
            <li id="source_ahref" class="source_ahref"><a href="http://www.sitepoint.com/forums/showthread.php?p=4729682#post4729682">This is the Source Link</a></li>
            <li class="text">Support Document 2&nbsp;
                <a id="target_ahref" class="target_ahref" href="#">Read Document</a>
            </li>
            <li class="count">Alpha</li>
            <li class="timestamp">105325</li>
        </ul>
        
        <ul id="dynamic_ID-03" class="list_item">
            <li id="source_ahref" class="source_ahref"><a href="http://www.sitepoint.com/forums/showthread.php?p=4729682#post4729682">This is the Source Link</a></li>
            <li class="text">Support Document 3&nbsp;
                <a id="target_ahref" class="target_ahref" href="#">Read Document</a>
            </li>
            <li class="count">Beta</li>
            <li class="timestamp">105323</li>
       ...

JavaScript

//jQuerySort
jQuery.fn.sortBy = function() {
    var selectors = arguments;

    this.sort(function(a, b) {
        // run through each selector, and return first non-zero match
        for (var i = 0; i < selectors.length; i++) {
            var selector = selectors[i];

            var first = $(selector, a).text();
            var second = $(selector, b).text();

            var isNumeric = Number(first) && Number(second);
            if (isNumeric) {
                var diff = first - second;
                if (diff != 0) {
                    return diff;
                }
            }
            else if (first != second) {
                return first < second ? -1 : 1;
            }
        }

        return 0;
    });

    this.appendTo(this.parent());

    return this;
};

//Sorts Documents by Position and Rating
$('#list .list_item').sortBy('.count', '.timestmap');

//Pulling and Placing ahref --UPDATED with code provided by Chinmayee--
$.each($(".source_ahref"), function() {
    var theHref = $("a:first", $(this)).attr("href");
    $(".target_ahref", $(this)).attr("href", theHref);
});