JSFiddle - React, Tailwind, and code Playground

by André Albson

HTML

<div class="initial">
    <ul id="cat">
        <li id="3">Text 3</li>
        <li id="1">Text 1</li>
        <li id="2">Text 2</li>
    </ul>
</div>
<div class="new"></div>

CSS

.initial {
    width: 100%;
}
.new {
    width: 100%;
}

JavaScript

var size = $('#cat > li').size()

var string = '<ul>';

for(var i = 1; i<=size; i++){
    string = string.concat('<li>' + $('#'+i+'').html() + '</li>');
}

string = string.concat('</ul>');

$('.new').html(string);