JSFiddle - React, Tailwind, and code Playground

by jasper

HTML

<ul id="column1" class="column">
<li>1</li><li>2</li>
</ul>
<ul id="column2" class="column">
<li>1</li><li>2</li>
</ul>
<ul id="column3" class="column">
<li>1</li>
</ul>
<a href="#">click me</a>

JavaScript

function sortNumber(a,b) {
    return a - b;
}
$('a').on('click', function () {
    var cols = [$('#column1').children('li'), $('#column2').children('li'), $('#column3').children('li')],
        arr  = [cols[0].length, cols[1].length, cols[2].length];
    arr.sort(sortNumber);
    for (i in cols) {
        if (cols[i].length == arr[0]) {
            cols[i].parent().append('<li>hola</li>');        
            break;
        }
    }
});