javascript - TinySort 按 ID 排序

Question

这个很傻，但我发现 TinySort（独立分钟）让我感到困惑：我想在容器 div（#body）中对 div（.story）进行排序，所以我使用 a <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';
    }
}

做了一个演示jsfiddle