TinySort按ID排序

Question

这个问题很愚蠢，但我发现TinySort (独立的分钟)让我感到困惑:我想在容器div (#body)中对div (.story)进行排序，所以我使用了一个<button onclick="tinysort('div#body>div,{order:'desc',attr:'id'});">Descending</button>，在单击“切换到上升”之后。我的div代码是：

<div id="body">
<div id="1" class="story"></div>
<div id="2" class="story"></div>
<div id="3" class="story"></div>
</div>

Answer 1

使用如下自定义函数：

HTML

<button id='toggle' onclick='toggleSort()'>Descending</button>

JavaScript

function toggleSort() {
    var btn = document.querySelector('#toggle');
    if(btn.classList.toggle('desc')) {
        tinysort('div#body>div', { order: 'desc', attr: 'id' });
        btn.innerHTML = 'Ascending';
    } else {
        tinysort('div#body>div', { order: 'asc', attr: 'id' });
        btn.innerHTML = 'Descending';
    }
}

制作了一个演示小提琴